import Reveal from './Reveal.jsx';

export default function SectionHeading({ eyebrow, title, desc }) {
  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>
      <h2 className="text-2xl sm:text-3xl font-bold mb-3 font-display">{title}</h2>
      {desc && <p className="text-sm sm:text-base text-slate-600 dark:text-slate-400">{desc}</p>}
    </Reveal>
  );
}