export default function SectionLabel({
  index,
  children,
  className = "",
}: {
  index: string;
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <div className={`mb-10 flex items-center gap-4 font-mono text-xs tracking-[0.3em] text-muted uppercase md:mb-14 ${className}`}>
      <span className="text-accent">{index}</span>
      <span className="h-px w-10 bg-line" />
      <span>{children}</span>
    </div>
  );
}