import React from 'react';
import { DropdownAlign } from "../shared/dropdown";
import { StyledSelectDropdownVariants } from "./style";
import { MestGenericProps } from "../themes";
type Props = {
    topOffset: number;
    align: DropdownAlign;
    getPopupContainer?: () => HTMLElement | null;
    updateVisible: (next: boolean) => void;
} & MestGenericProps;
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export type SelectDropdownProps = Props & NativeAttrs & StyledSelectDropdownVariants;
declare const SelectDropdown: React.ForwardRefExoticComponent<{
    topOffset: number;
    align: DropdownAlign;
    getPopupContainer?: (() => HTMLElement | null) | undefined;
    updateVisible: (next: boolean) => void;
} & MestGenericProps & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{}, {
    mobile: "(max-width: 640px)";
    tablet: "(min-width: 640px) and (max-width: 920px)";
    desktop: "(min-width: 920px)";
    xs: "(max-width: 640px)";
    sm: "(min-width: 640px) and (max-width: 920px)";
    md: "(min-width: 920px) and (max-width: 1280px)";
    lg: "(min-width: 1280px) and (max-width: 1920px)";
    xl: "(min-width: 1920px)";
    xsOrUp: "(max-width: 0px)";
    smOrUp: "(min-width: 640px)";
    mdOrUp: "(min-width: 920px)";
    lgOrUp: "(min-width: 1280px)";
    xlOrUp: "(min-width: 1920px)";
}> & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement | null>>;
export default SelectDropdown;