/components/toggle/toggle

import { toggle } from "@hedia/hexui/components/toggle";
import { div } from "@hedia/html/elements";

export default {
  InactiveToggle,
  ActiveToggle,
  DisabledInactiveToggle,
  DisabledActiveToggle,
};

export function InactiveToggle() {
  return div(toggle({ active: false }));
}

export function ActiveToggle() {
  return div(toggle({ active: true }));
}

export function DisabledInactiveToggle() {
  return div(toggle({ active: false, disabled: true }));
}

export function DisabledActiveToggle() {
  return div(toggle({ active: true, disabled: true }));
}