import React from 'react';
import { DefaultProps, FlowindSize, Selectors } from '../../styles';
import useStyles, { ColorSwatchStylesParams } from './color-swatch.styles';
export type ColorSwatchStylesNames = Selectors<typeof useStyles>;
export interface ColorSwatchProps extends DefaultProps<ColorSwatchStylesNames, ColorSwatchStylesParams> {
    variant?: string;
    /** Swatch background-color in any css valid format (hex, rgb, etc.) */
    color: string;
    /** Width and height */
    size?: number | string;
    /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */
    radius?: FlowindSize;
    /** ColorSwatch children */
    children?: React.ReactNode;
    /** Determines whether swatch should have inner shadow */
    withShadow?: boolean;
}
export declare const _ColorSwatch: React.ForwardRefExoticComponent<ColorSwatchProps & React.RefAttributes<HTMLDivElement>>;
export declare const ColorSwatch: (<C = "div">(props: import("../../utils/create-polymorphic-component").PolymorphicComponentProps<C, ColorSwatchProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ColorSwatchProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof ColorSwatchProps> & {
    ref?: any;
}) | (ColorSwatchProps & {
    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
})>, never> & Record<string, never>;