import React, { PropsWithChildren, RefObject } from "react"; import { Placement } from 'popper.js'; export declare const DropdownWidth: readonly ["40", "48", "56", "64", "72", "80", "96", "102", "108", "1/6"]; export interface DropdownProps extends Partial> { /** * Content for the dropdown's clickable element * */ buttonContent: JSX.Element; /** * Determines if the width is calculated automatically * */ wAuto?: boolean; /** * Width of the dropdown * * @see DropdownWidth */ w?: typeof DropdownWidth[number]; /** * Determines the padding for the dropdown * */ padding?: string; /** * Determines the placement of the dropdown * */ placement?: Placement; /** * Determines if the dropdown contents will be shown * */ isShown?: boolean; /** * Determines if the width is calculated by using the button width * */ useButtonWidth?: boolean; /** * Border width * */ border?: string; /** * Vertical offset * */ topBottomOffset?: string; /** * Horizontal offset * */ leftRightOffset?: string; /** * HTML button reference * */ buttonRef?: RefObject; /** * Maximum hieght for the dropdown * */ maxHeight?: string; /** * Determines if content can overflow * */ overflow?: boolean; /** * Action to perform after dropdown is shown * */ setIsShown?: (n: boolean) => any; /** * Determines if the height is calculated automatically * */ autoHeight?: boolean; /** * Disabled state * @default false */ disabled?: boolean; } export declare const Dropdown: ({ className, wAuto, buttonContent, padding, placement, children, isShown, maxHeight, autoHeight, overflow, useButtonWidth, border, leftRightOffset, topBottomOffset, buttonRef, setIsShown, w, disabled, ...props }: PropsWithChildren) => JSX.Element; declare const _default: React.MemoExoticComponent<({ className, wAuto, buttonContent, padding, placement, children, isShown, maxHeight, autoHeight, overflow, useButtonWidth, border, leftRightOffset, topBottomOffset, buttonRef, setIsShown, w, disabled, ...props }: React.PropsWithChildren) => JSX.Element>; export default _default;