import React from "react";
import { RgbColor } from "react-colorful";
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>['id'];
    /**
     * The color of the button.
     * @defaultValue "black"
     * @optional
     * @type RgbColor
     */
    color?: RgbColor;
    /**
     * The callback function that is fired when the button is clicked.
     * @param {RgbColor} color The color source of the callback.
     * @defaultValue ()=>{}
     * @optional
     * @type (color:string) => void
     * @example
     * onChange={(color) => {}}
     * onChange={handleChange}
     */
    onChange?: (newColor: RgbColor) => void;
    /**
     * Show RGB Color TextField
     */
    showRGB?: boolean;
    /**
     * The direction of the button.
     * @defaultValue "column"
     * @optional
     * @type "row" | "column"
     */
    direction?: "row" | "column";
};
declare const StyledComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default StyledComponent;
//# sourceMappingURL=Styled.d.ts.map