interface StackToggleProps {
  on: boolean;
  disabled?: boolean;
  label: string;
  onToggle: () => void;
}

export function StackToggle(props: StackToggleProps) {
  return (
    <button
      class={`peach-toggle ${props.on ? "is-on" : ""}`}
      onClick={props.onToggle}
      aria-label={props.label}
      aria-pressed={props.on}
      disabled={props.disabled}
      type="button"
    >
      <span class="peach-toggle-knob" />
    </button>
  );
}