import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';

interface ColorSwatchOptions {
    /**
     * The color used for the swatch element.
     *
     * @default "#ffffff00"
     */
    color?: CSSUIProps["color"];
    /**
     * If `true`, the color swatch will be perfectly round. Else, it'll be slightly round.
     *
     * @default false
     */
    fullRounded?: boolean;
    /**
     * If `true`, the color swatch will be perfectly round. Else, it'll be slightly round.
     *
     * @default false
     *
     * @deprecated Use `fullRounded` instead.
     */
    isRounded?: boolean;
    /**
     * The overlay used for the swatch element.
     */
    overlays?: HTMLUIProps[];
    /**
     * If `true`, the swatch element has an inner `box-shadow`.
     *
     * @default true
     */
    withShadow?: boolean;
}
interface ColorSwatchProps extends Omit<HTMLUIProps, "color">, ThemeProps<"ColorSwatch">, ColorSwatchOptions {
}
/**
 * `ColorSwatch` is a component that displays color samples.
 *
 * @see Docs https://yamada-ui.com/components/data-display/color-swatch
 */
declare const ColorSwatch: _yamada_ui_core.Component<"div", ColorSwatchProps>;

export { ColorSwatch, type ColorSwatchProps };