function FluxMark({ size = 24 }) {
  return (
    <div
      className="inline-flex items-center justify-center rounded-base bg-accent text-accent-fg font-mono font-bold tracking-[-0.04em] shrink-0"
      style={{ width: size, height: size, fontSize: Math.floor(size * 0.55) }}
    >
      ~
    </div>
  );
}

window.FluxMark = FluxMark;