import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps } from '@yamada-ui/core';
import { ForwardedRef } from 'react';
import { ColorSelectorEyeDropperProps } from './color-selector-eye-dropper.js';
import { ColorSelectorSlidersProps } from './color-selector-sliders.js';
import '@yamada-ui/button';
import '@yamada-ui/icon';
import './alpha-slider.js';
import './use-color-slider.js';
import '@yamada-ui/form-control';
import './hue-slider.js';

interface ColorSelectorBodyOptions {
    /**
     * Ref for the eye dropper component.
     */
    eyeDropperRef?: ForwardedRef<HTMLButtonElement>;
    /**
     * If `true` display the eye dropper component.
     *
     * @default true
     */
    withEyeDropper?: boolean;
    /**
     * If `true`, display the result component.
     *
     * @default true
     */
    withResult?: boolean;
    /**
     * Props for the eye dropper component.
     */
    eyeDropperProps?: ColorSelectorEyeDropperProps;
}
interface ColorSelectorBodyProps extends Omit<HTMLUIProps, "children">, ColorSelectorBodyOptions, Pick<ColorSelectorSlidersProps, "alphaSliderProps" | "alphaSliderRef" | "hueSliderProps" | "hueSliderRef"> {
}
declare const ColorSelectorBody: _yamada_ui_core.Component<"div", ColorSelectorBodyProps>;

export { ColorSelectorBody, type ColorSelectorBodyProps };