interface SectionEyebrowProps {
  children: React.ReactNode;
  accent?: "blue" | "green";
}

export default function SectionEyebrow({
  children,
  accent = "blue",
}: SectionEyebrowProps) {
  const dot = accent === "green" ? "bg-green-400" : "bg-blue-400";
  return (
    <div className="mb-4 inline-flex items-center gap-2 font-mono text-xs uppercase tracking-[0.2em] text-ink-500">
      <span className={`h-1.5 w-1.5 rounded-full ${dot}`} />
      {children}
    </div>
  );
}
