import * as _yamada_ui_core from '@yamada-ui/core';
import { ThemeProps, Token, HTMLUIProps } from '@yamada-ui/core';
import { UseSaturationSliderProps } from './use-saturation-slider.js';
import '@yamada-ui/form-control';

interface SaturationSliderOptions {
    /**
     * The aspect ratio of the saturation slider.
     *
     * @default '16 / 9'
     */
    ratio?: Token<number>;
    /**
     * Props for saturation slider inner element.
     */
    innerProps?: HTMLUIProps;
    /**
     * Props for saturation slider input element.
     */
    inputProps?: HTMLUIProps<"input">;
    /**
     * Props for saturation slider thumb element.
     */
    thumbProps?: HTMLUIProps;
    /**
     * Props for saturation slider track element.
     */
    trackProps?: HTMLUIProps;
}
interface SaturationSliderProps extends ThemeProps<"SaturationSlider">, UseSaturationSliderProps, SaturationSliderOptions {
}
/**
 * `SaturationSlider` is a component used to allow the user to select a color saturation.
 *
 * @see Docs https://yamada-ui.com/components/forms/saturation-slider
 */
declare const SaturationSlider: _yamada_ui_core.Component<"input", SaturationSliderProps>;

export { SaturationSlider, type SaturationSliderProps };