/// <reference types="react" />
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * If `true`, the component is checked.
     * @defaultValue false
     */
    defaultChecked?: boolean;
    /**
     * Callback fired when the state is changed.
     * @param event The event source of the callback. You can pull out the new checked state by accessing event.target.checked (boolean).
     */
    onChange?: (event: React.SyntheticEvent, checked: boolean) => void;
    /**
     * If `true`, asterisk(*) mark will be appeared after label.
     * @defaultValue false
     */
    required?: boolean;
    /**
     * If `true`, the component appears checked.
     * @defaultValue false
     */
    checked?: boolean;
    /**
     * If `true`, the component appears disabled.
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * The Name of the component.
     * If not empty, text will appears after button.ssssss
     */
    name?: string;
    /**
     * The placement of the name.
     */
    namePlacement?: "start" | "end" | "top" | "bottom";
    /**
     * Defines a string value that labels the current element.
     * @defaultValue "Checkbox"
     */
    ariaLabel?: string;
    /**
     * If `true`, the component appears indeterminate.
     */
    indeterminate?: boolean;
    /**
     * Pass a ref to the `input` element.
     */
    inputRef?: React.Ref<HTMLInputElement>;
    /**
     * `Not Used` The sx prop lets you style elements quickly using values from your theme.
     * @defaultValue undefined
     */
    sx?: never;
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map