import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps } from '@yamada-ui/core';
import { ForwardedRef } from 'react';
import { AlphaSliderProps } from './alpha-slider.js';
import { HueSliderProps } from './hue-slider.js';
import './use-color-slider.js';
import '@yamada-ui/form-control';

interface ColorSelectorSlidersOptions {
    /**
     * Ref for the alpha slider component.
     */
    alphaSliderRef?: ForwardedRef<HTMLInputElement>;
    /**
     * Ref for the hue slider component.
     */
    hueSliderRef?: ForwardedRef<HTMLInputElement>;
    /**
     * Props for the alpha slider component.
     */
    alphaSliderProps?: Omit<AlphaSliderProps, "defaultValue" | "value">;
    /**
     * Props for the hue slider component.
     */
    hueSliderProps?: Omit<HueSliderProps, "defaultValue" | "value">;
}
interface ColorSelectorSlidersProps extends Omit<HTMLUIProps, "children">, ColorSelectorSlidersOptions {
}
declare const ColorSelectorSliders: _yamada_ui_core.Component<"div", ColorSelectorSlidersProps>;

export { ColorSelectorSliders, type ColorSelectorSlidersProps };