import Reveal from './Reveal.jsx';

export default function SectionHeading({ eyebrow, title, desc, level = 'h2' }) {
  const Heading = level;
  return (
    <Reveal className="mb-10 max-w-2xl">
      <p className="text-xs uppercase tracking-widest text-emerald-500 mb-3 font-mono">&gt; {eyebrow}</p>
      <Heading className="text-2xl sm:text-3xl font-bold mb-3 font-display">{title}</Heading>
      {desc && <p className="text-sm sm:text-base text-slate-600 dark:text-slate-400">{desc}</p>}
    </Reveal>
  );
}