import type { ReactNode } from "react";

export function ShareEyebrow({ children }: { children: ReactNode }) {
  return (
    <span
      className="inline-flex items-center gap-2 mb-5"
      style={{
        fontFamily: "var(--mono)",
        fontSize: 11,
        color: "var(--ink-mute)",
        textTransform: "uppercase",
        letterSpacing: "0.06em",
        padding: "4px 10px",
        borderRadius: 999,
        background: "var(--paper-2)",
      }}
    >
      {children}
    </span>
  );
}