/// <reference types="react" />
import { MarginTypes } from '../../Style/Margin';
import { PaddingTypes } from '../../Style/Padding';
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * If `true`, the component appears checked.
     */
    checked?: 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;
    /**
     * The value of the component.
     * @defaultValue ""
     */
    value?: unknown;
    /**
     * The Name of the component.
     * If not empty, text will appears after button.
     */
    name?: string;
    /**
     * Defines a string value that labels the current element.
     * @defaultValue "Radio Button"
     */
    ariaLabel?: string;
    /**
     * If `true`, the component appears disabled.
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * `Not Used` The sx prop lets you style elements quickly using values from your theme.
     * @default undefined
     */
    sx?: never;
} & MarginTypes & PaddingTypes;
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map