import { Variants } from "@gentleduck/variants";

//#region src/variants/checkers-style.d.ts
/** Checkbox/radio/switch input styling: indicator masks, checked state, LTR/RTL toggle positioning. */
declare const checkersStylePattern: (props?: Variants.Props<{
  readonly indicatorState: {
    readonly both: "after:mask-[var(--svg-off)] checked:after:mask-[var(--svg-on)]";
    readonly checkedIndicatorReady: "checked:after:mask-[var(--svg-on)]";
    readonly default: "";
    readonly indicatorReady: "after:mask-[var(--svg-off)]";
  };
  readonly type: {
    readonly checkbox: "\n          justify-center rounded p-2\n          after:rounded-none after:text-base\n          after:translate-y-1/3 after:scale-0 after:rotate-[20deg]\n          checked:after:translate-y-0 checked:after:scale-100 checked:after:rotate-45\n          text-xs\n            ";
    readonly radio: "\n          justify-center p-2 after:text-[10px]\n          after:scale-0 checked:after:scale-100\n          ";
    readonly switch: "\n          px-4 py-2 justify-end after:text-md\n          px-4.5 py-2.5\n          ltr:after:translate-x-0 ltr:checked:after:translate-x-full\n          rtl:after:translate-x-full rtl:checked:after:translate-x-0\n          after:opacity-100\n            ";
  };
}, {
  readonly indicatorState: "default";
  readonly type: "checkbox";
}> | undefined) => string;
type CheckersStylePatternProps = Variants.VariantProps<typeof checkersStylePattern>;
//#endregion
export { checkersStylePattern as n, CheckersStylePatternProps as t };