
type StampColor = 'red' | 'ink';

interface StampProps {
  children: React.ReactNode;
  color?: StampColor;
  tilt?: boolean;
  className?: string;
}

export function Stamp({
  children,
  color = 'red',
  tilt = true,
  className = '',
}: StampProps) {
  const colorValue = color === 'red' ? 'var(--red)' : 'var(--ink)';

  return (
    <span
      className={`inline-block ${tilt ? 'stamp-tilt' : ''} ${className}`}
      style={{
        border: `2px solid ${colorValue}`,
        color: colorValue,
        padding: '3px 10px',
        fontSize: '9px',
        fontWeight: 900,
        letterSpacing: '3px',
        textTransform: 'uppercase',
        lineHeight: 1.4,
        display: 'inline-block',
      }}
    >
      {children}
    </span>
  );
}
