import type { StoryObj } from "@storybook/react-vite";
import { StyledSelect } from "../src/components/Select/StyledSelect";
declare const meta: {
    title: string;
    parameters: {
        design: {
            type: string;
            url: string;
        };
    };
    tags: "figma:DropdownFields"[];
    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "width"> & {
        children?: React.ReactNode;
        suffix?: string;
        prefix?: string;
        width?: import("../src/types/general.types").FormFieldSize | [import("../src/types/general.types").FormFieldSize, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?];
        height?: import("../src/system/Sizes").FormHeightNames;
        isError?: boolean;
    } & import("react").RefAttributes<HTMLSelectElement>>;
};
export default meta;
type Story = StoryObj<typeof StyledSelect>;
export declare const Base: Story;
export declare const Heights: Story;
/**
 * Use the `width` prop instead of an inline `style` width. `sm` is rarely usable
 * for a select, because the chevron leaves room for about one character.
 */
export declare const Widths: Story;