import { css } from "styled-components";
import { tokens } from "../Switch.tokens";
import { StyledTrigger, StyledInput, StyledLabel, StyledDescription } from "../Switch.styles";
export const base = css([
    ``,
    `{background-color:var(`,
    `);border-color:var(`,
    `);}`,
    `:not([disabled]) ~ `,
    `:hover{background-color:var(`,
    `,var(`,
    `));border-color:var(`,
    `,var(`,
    `));}`,
    `:checked ~ `,
    `{background-color:var(`,
    `);border-color:var(`,
    `);}`,
    `:checked:not([disabled]) ~ `,
    `:hover{background-color:var(`,
    `,var(`,
    `));border-color:var(`,
    `,var(`,
    `));}`,
    `::after{background-color:var(`,
    `);box-shadow:var(`,
    `);}`,
    `:checked ~ `,
    `::after{background-color:var(`,
    `);box-shadow:var(`,
    `,var(`,
    `));}`,
    `{color:var(`,
    `);}`,
    `{color:var(`,
    `);}`
], StyledTrigger, tokens.trackBackgroundColorOff, tokens.trackBorderColorOff, StyledInput, StyledTrigger, tokens.trackBackgroundColorOffHover, tokens.trackBackgroundColorOff, tokens.trackBorderColorOffHover, tokens.trackBorderColorOff, StyledInput, StyledTrigger, tokens.trackBackgroundColorOn, tokens.trackBorderColorOn, StyledInput, StyledTrigger, tokens.trackBackgroundColorOnHover, tokens.trackBackgroundColorOn, tokens.trackBorderColorOnHover, tokens.trackBorderColorOn, StyledTrigger, tokens.thumbBackgroundColorOff, tokens.thumbBoxShadow, StyledInput, StyledTrigger, tokens.thumbBackgroundColorOn, tokens.thumbBoxShadowOn, tokens.thumbBoxShadow, StyledLabel, tokens.labelColor, StyledDescription, tokens.descriptionColor);
