/// <reference types="react" />
import { FlowindSize } from '../../styles';
export interface ColorSwatchStylesParams {
    radius: FlowindSize;
    size?: number | string;
}
export declare const alphaOverlayBackground = "\n    linear-gradient(45deg, rgb(222, 226, 230) 25%, transparent 25%),\n    linear-gradient(-45deg, rgb(222, 226, 230) 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, rgb(222, 226, 230) 75%),\n    linear-gradient(-45deg, rgb(255, 255, 255) 75%, rgb(222, 226, 230) 75%)\n  ";
export declare const alphaOverlayBackgroundPosition = "0 0, 0 0.25rem, 0.25rem -0.25rem, -0.25rem 0";
declare const _default: (params: ColorSwatchStylesParams, options?: import("../../styles/utils/create-styles/create-styles").UseStylesOptions<string>) => {
    classes: {
        root: string;
        overlay: string;
        children: string;
        shadowOverlay: string;
        alphaOverlay: string;
    };
    cx: typeof import("clsx").clsx;
    theme: import("../../styles").FlowindTheme;
    styls: {
        root: import("react").CSSProperties;
        alphaOverlay: import("react").CSSProperties;
    };
};
export default _default;