import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps, ThemeProps } from '@yamada-ui/core';
import { MotionProps } from '@yamada-ui/motion';
import { PortalProps } from '@yamada-ui/portal';
import { FC, ReactNode } from 'react';
import { SelectIconProps } from './select-icon.js';
import { SelectListProps } from './select-list.js';
import { UseSelectProps } from './use-select.js';
import '@yamada-ui/use-descendant';
import '@yamada-ui/form-control';
import '@yamada-ui/popover';
import '@yamada-ui/utils';
import './option.js';
import './use-select-option.js';
import './option-group.js';
import './use-select-option-group.js';

interface SelectOptions {
    /**
     * The border color when the input is invalid.
     */
    errorBorderColor?: string;
    /**
     * The border color when the input is focused.
     */
    focusBorderColor?: string;
    /**
     * The footer of the select content element.
     */
    footer?: FC<{
        value: string | undefined;
        onClose: () => void;
    }> | ReactNode;
    /**
     * The header of the select content element.
     */
    header?: FC<{
        value: string | undefined;
        onClose: () => void;
    }> | ReactNode;
    /**
     * Props for select container element.
     */
    containerProps?: Omit<HTMLUIProps, "children">;
    /**
     * Props for select content element.
     */
    contentProps?: Omit<MotionProps, "children">;
    /**
     * Props for select field element.
     */
    fieldProps?: Omit<SelectFieldProps, "children">;
    /**
     * Props for select icon element.
     */
    iconProps?: SelectIconProps;
    /**
     * Props for select list element.
     */
    listProps?: Omit<SelectListProps, "children">;
    /**
     * Props to be forwarded to the portal component.
     *
     * @default '{ disabled: true }'
     */
    portalProps?: Omit<PortalProps, "children">;
}
type SelectProps = Omit<UseSelectProps, "maxSelectValues" | "omitSelectedValues"> & SelectOptions & ThemeProps<"Select">;
/**
 * `Select` is a component used for allowing a user to choose one option from a list.
 *
 * @see Docs https://yamada-ui.com/components/forms/select
 */
declare const Select: _yamada_ui_core.Component<"div", SelectProps>;
interface SelectFieldProps extends HTMLUIProps {
}

export { Select, type SelectProps };