@kubit-ui-web/react-components/dist/cjs/components/toggle/toggle.styled.d.ts

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { POSITIONS } from '../../types/positions/positions';
import { ToggleStyleType } from './types/toggleTheme';
type TogglePropsStyleType = {
    styles?: ToggleStyleType;
    hasThreePositions: boolean;
};
type CirclePropsType = {
    disabled?: boolean;
    togglePosition?: POSITIONS;
    showLabel?: boolean;
};
type TextType = {
    margin?: string;
};
type ToggleRadioSwitchType = {
    $height?: string;
    $width?: string;
};
export declare const ToggleWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TogglePropsStyleType & CirclePropsType>> & string;
export declare const ToggleRadioSwitchStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, ToggleRadioSwitchType>> & string;
export declare const ToggleSpanSwitchStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ToggleRadioSwitchType>> & string;
export declare const SliderContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TogglePropsStyleType & CirclePropsType>> & string;
export declare const LabelWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof TogglePropsStyleType | keyof CirclePropsType> & TogglePropsStyleType & CirclePropsType, "ref"> & {
    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, never>> & string;
export declare const IconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof TogglePropsStyleType | keyof CirclePropsType> & TogglePropsStyleType & CirclePropsType, "ref"> & {
    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, never>> & string;
export declare const TextLeftWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextType & CirclePropsType>> & string;
export declare const TextRightWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextType & CirclePropsType>> & string;
export {};