import type { StoryObj } from "@storybook/react-vite";
import React from "react";
import Select, { type NDSSelectProps } from "./Select";
declare const _default: {
    title: string;
    component: <Option extends import("./Select").NDSOption = import("./Select").NDSOption, IsMulti extends boolean = false, Group extends import("react-select").GroupBase<Option> = import("react-select").GroupBase<Option>>(props: NDSSelectProps<Option, IsMulti, Group> & React.RefAttributes<import("react-select/base").default<Option, IsMulti, Group>>) => React.ReactElement;
};
export default _default;
type Story = StoryObj<typeof Select>;
export declare const _Select: Story;
export declare const WithStyledProps: () => import("react/jsx-runtime").JSX.Element;
export declare const WithABlankValue: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithAnOptionSelected: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithState: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const SetToDisabled: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithErrorMessage: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithErrorList: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const Required: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithAClearButton: () => import("react/jsx-runtime").JSX.Element;
export declare const WithAllFieldLabelProps: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithCustomId: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithSmallerMaxHeight: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithWrappingText: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithMultiselect: {
    render: (props: any) => import("react/jsx-runtime").JSX.Element;
    name: string;
    play: ({ canvasElement, step }: {
        canvasElement: any;
        step: any;
    }) => Promise<void>;
};
export declare const WithCloseMenuOnSelectTurnedOff: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const TestMultiselectOverflow: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithFixedPositioning: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const WithFetchedOptions: () => import("react/jsx-runtime").JSX.Element;
export declare const WithCustomOptionComponent: {
    render: () => import("react/jsx-runtime").JSX.Element;
    name: string;
};
export declare const UsingRefToControlFocus: () => import("react/jsx-runtime").JSX.Element;
export declare const WithTopMenuPlacement: () => import("react/jsx-runtime").JSX.Element;
export declare const WithCustomStyles: () => import("react/jsx-runtime").JSX.Element;
export declare const WithCustomOptionFields: () => import("react/jsx-runtime").JSX.Element;
export declare const WithACustomNoOptionsMessage: () => import("react/jsx-runtime").JSX.Element;