function Squiggle({ color = "currentColor", w = 60, style }) {
  return (
    <svg viewBox="0 0 80 24" width={w} height={(w * 24) / 80} style={style} aria-hidden="true">
      <path d="M2 12 Q 12 2, 22 12 T 42 12 T 62 12 T 78 12" stroke={color} strokeWidth="2.4" fill="none" strokeLinecap="round" />
    </svg>
  );
}
function QuarterRound({ color = "currentColor", size = 48, style }) {
  return (
    <svg viewBox="0 0 48 48" width={size} height={size} style={style} aria-hidden="true">
      <path d="M0 48 A 48 48 0 0 1 48 0 L 48 48 Z" fill={color} />
    </svg>
  );
}
function CircleSlash({ color = "currentColor", size = 48, style }) {
  return (
    <svg viewBox="0 0 48 48" width={size} height={size} style={style} aria-hidden="true">
      <circle cx="24" cy="24" r="20" stroke={color} strokeWidth="4" fill="none" />
      <line x1="9" y1="39" x2="39" y2="9" stroke={color} strokeWidth="4" strokeLinecap="round" />
    </svg>
  );
}
function ArrowSquiggle({ color = "currentColor", w = 80, style }) {
  return (
    <svg viewBox="0 0 100 32" width={w} height={(w * 32) / 100} style={style} aria-hidden="true">
      <path d="M4 16 Q 18 4, 32 16 T 60 16 T 88 16" stroke={color} strokeWidth="2.4" fill="none" strokeLinecap="round" />
      <path d="M82 10 L 92 16 L 82 22" stroke={color} strokeWidth="2.4" fill="none" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  );
}
function Diamond({ color = "currentColor", size = 28, style }) {
  return (
    <svg viewBox="0 0 28 28" width={size} height={size} style={style} aria-hidden="true">
      <rect x="6" y="6" width="16" height="16" transform="rotate(45 14 14)" fill={color} />
    </svg>
  );
}

Object.assign(window, { Squiggle, QuarterRound, CircleSlash, ArrowSquiggle, Diamond });
