export function PulseMark({ size = 30 }: { size?: number }) {
  return (
    <svg width={size} height={size} viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <rect
        x="1"
        y="1"
        width="28"
        height="28"
        rx="8"
        fill="var(--pn-surface-raised)"
        stroke="color-mix(in srgb, var(--pn-accent) 45%, transparent)"
      />
      <circle cx="15" cy="15" r="8" stroke="var(--pn-accent)" strokeWidth="1.5" />
      <polyline
        points="8,15 12,15 14,9 17,21 19,15 22,15"
        fill="none"
        stroke="var(--pn-accent)"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}