@carton-org/react-neumorphism/dist/components/Toggle/toggle.styles.d.ts

A React component library implementing the neumorphism design style

import { Sizes } from '../../constants';
export declare const TOGGLE_SIZES: Record<Sizes, {
    container: React.CSSProperties;
    toggler: React.CSSProperties;
    custom: {
        togglerTransformY: string;
        iconSize: string;
        labelFontSize: string;
    };
}>;
export declare const StyledToggleContainer: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    $toggleStyle?: React.CSSProperties;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledToggleWrapper: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    $size: Sizes;
    $rounded: boolean;
    $border: boolean;
    $checked: boolean;
    $disabled: boolean;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const StyledToggleInput: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    $disabled: boolean;
}, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
export declare const StyledToggleButton: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    $size: Sizes;
    $rounded: boolean;
    $border: boolean;
    $checked: boolean;
    $disabled: boolean;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//# sourceMappingURL=toggle.styles.d.ts.map