{
  "id": "heroVideo",
  "type": "video",
  "label": "Vídeo do hero"
}

import CorvexVideo from '@corvex/snippets/corvex-video';

export default function HeroSection({ settings = {} }) {
  const { heroVideo, heroImage, mediaMode = 'image' } = settings;

  return (
    <section className="hero">
      {mediaMode === 'video' && heroVideo ? (
        <CorvexVideo
          value={heroVideo}
          poster={settings.heroPoster}
          autoplay
          muted
          loop
          controls={false}
        />
      ) : heroImage ? (
        <img src={heroImage} alt="" />
      ) : null}
    </section>
  );
}

const LIBRARY_ID =
  /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;

export function classifyVideoValue(value) {
  if (!value || typeof value !== 'string') return 'empty';
  const trimmed = value.trim();
  if (!trimmed) return 'empty';
  if (/youtube\.com|youtu\.be|vimeo\.com/i.test(trimmed)) return 'embed';
  if (/^https?:\/\//i.test(trimmed)) return 'url';
  if (LIBRARY_ID.test(trimmed)) return 'library';
  return 'unknown';
}