import React from "react";
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLButtonElement>["id"];
    /**
     * The content of the button.
     * @defaultValue "Button"
     * @optional
     * @type string
     */
    children: string;
    /**
     * The callback function that is fired when the button is clicked.
     * @param {React.MouseEvent<HTMLButtonElement, MouseEvent>} event The event source of the callback.
     * @defaultValue undefined
     * @optional
     * @type React.MouseEventHandler<HTMLButtonElement>
     * @example
     * onClick={(event) => {}}
     * onClick={handleClick}
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
    /**
     * The variant to use.
     * @default "contained"
     * @optional
     * @type "contained" | "outlined" | "text"
     */
    variant?: "contained" | "outlined" | "text";
    /**
     * If the value is true, The state of the button is disabled.
     * @defaultValue false
     * @optional
     * @type boolean
     * @example
     * disabled={true}
     * disabled={false}
     * disabled
     * !disabled
     */
    disabled?: boolean;
    /**
     * The width of the button.
     * @defaultValue "auto"
     * @optional
     * @type string
     * @example
     * width="auto"
     * width="100%"
     * width="10rem"
     * width="10vw"
     * width="10vh"
     * width="10ex"
     * width="10px"
     */
    width?: string;
    /**
     * The color of the button.
     * @defaultValue "normal"
     * @optional
     * @type "normal" | "negative"
     * @example
     * color="normal"
     * color="negative"
     */
    color?: "normal" | "negative";
    /**
     * If the value is true, The state of the button is loading.
     *
     * @default false
     */
    loading?: boolean;
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map