import React from "react";
import { type FormFieldSize } from "../../types/general.types.js";
import type { FormHeightNames } from "../../system/Sizes.js";
import "./StyledSelect.scss";
export declare const StyledSelect: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "width"> & {
    children?: React.ReactNode;
    suffix?: string;
    prefix?: string;
    /**
     * The width of the select. Defaults to `"full"`, which stretches the select to fill its container.
     *
     * - `"sm"` (4rem): rarely usable, because the chevron leaves room for about one character.
     * - `"md"` (8rem): short options, e.g. units or a comparison operator inline in a sentence.
     * - `"lg"` (14rem) and `"xl"` (20rem): longer options that shouldn't span the whole container.
     * - `"full"`: fills the container.
     *
     * Pass an array to change the width per breakpoint, from the smallest up
     * (default, `sm`, `md`, `lg`, `xl`). For example, `["full", "xl"]` fills the container
     * on small screens and is 20rem wide from the `sm` breakpoint up.
     *
     * Use this prop instead of an inline `style` width.
     */
    width?: FormFieldSize | [FormFieldSize, FormFieldSize?, FormFieldSize?, FormFieldSize?, FormFieldSize?];
    height?: FormHeightNames;
    isError?: boolean;
} & React.RefAttributes<HTMLSelectElement>>;