// Shared hospitality stamp - inlined SVG so fonts inherit from page.
// Use as: <Stamp size={120} /> - color follows currentColor.
function Stamp({ size = 120, ariaLabel = 'Stef van den Oever, Antwerp', ...rest }) {
  const id = React.useId();
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 220 220"
      width={size}
      height={size}
      role="img"
      aria-label={ariaLabel}
      style={{ display: 'block', color: 'inherit' }}
      {...rest}
    >
      <defs>
        <path id={`rt-${id}`} d="M 28 110 A 82 82 0 0 1 192 110" />
        <path id={`rb-${id}`} d="M 28 110 A 82 82 0 0 0 192 110" />
      </defs>
      <circle cx="110" cy="110" r="98" fill="none" stroke="currentColor" strokeWidth="1.25" />
      <circle cx="110" cy="110" r="66" fill="none" stroke="currentColor" strokeWidth="0.75" />
      <text fontFamily="Inter, sans-serif" fontSize="9.5" fontWeight="600" letterSpacing="2.6" fill="currentColor">
        <textPath href={`#rt-${id}`} startOffset="50%" textAnchor="middle">STEF VAN DEN OEVER</textPath>
      </text>
      <text fontFamily="Inter, sans-serif" fontSize="9" fontWeight="600" letterSpacing="2.4" fill="currentColor">
        <textPath href={`#rb-${id}`} startOffset="50%" textAnchor="middle">· ANTWERP ·</textPath>
      </text>
      <text x="110" y="123" textAnchor="middle" fontFamily="Fraunces, Georgia, serif" fontWeight="360" fontSize="42" letterSpacing="-1.2" fill="currentColor">SvdO</text>
    </svg>
  );
}

window.Stamp = Stamp;