interface BlogSmileyProps {
  size?: number;
  bg?: string;
  face?: string;
}

export function BlogSmiley({ size = 40, bg = "#2D5BFF", face = "#fff" }: BlogSmileyProps) {
  return (
    <span
      className="b-smiley"
      style={{ width: size, height: size, background: bg }}
      aria-hidden="true"
    >
      <svg width={size * 0.6} height={size * 0.6} viewBox="0 0 24 24" fill="none">
        <circle cx="8" cy="9.5" r="1.7" fill={face} />
        <circle cx="16" cy="9.5" r="1.7" fill={face} />
        <path
          d="M6.5 14.5c1.4 2.2 3.4 3.3 5.5 3.3s4.1-1.1 5.5-3.3"
          stroke={face}
          strokeWidth="2.1"
          strokeLinecap="round"
          fill="none"
        />
      </svg>
    </span>
  );
}