import React from 'react';
import { FlintDrawer as FlintDrawerElement } from '@getufy/flint-ui/drawer/flint-drawer';
export interface FlintDrawerOpenDetail {
    open: true;
}
export interface FlintDrawerCloseDetail {
    open: false;
}
/**
 * Navigation drawers provide ergonomic access to destinations in a site or app.
 *
 * @slot (default) - Drawer content.
 */
export interface FlintDrawerProps extends React.HTMLAttributes<FlintDrawerElement> {
    /** Whether the drawer is open. */
    open?: boolean;
    /** Initial open state for uncontrolled usage. */
    defaultOpen?: boolean;
    /**
     * Side from which the drawer slides in.
     * Allowed values: 'top' | 'right' | 'bottom' | 'left'
     */
    placement?: 'top' | 'right' | 'bottom' | 'left';
    /**
     * Drawer behavior mode.
     * Allowed values: 'temporary' | 'persistent' | 'mini'
     */
    variant?: 'temporary' | 'persistent' | 'mini';
    /** Whether the drawer uses edge spacing. */
    edge?: boolean;
    /** Whether the drawer is contained within its parent. */
    container?: boolean;
    /** Accessible label for the drawer panel (used as aria-label on the panel). */
    label?: string;
    /** CSS selector for the element to focus when the drawer opens. */
    initialFocus?: string;
    /**
     * Dispatched after the drawer open animation completes. detail: `{ open: true }`
     * DOM event: `flint-drawer-open`
     */
    onFlintDrawerOpen?: (event: CustomEvent<FlintDrawerOpenDetail>) => void;
    /**
     * Dispatched when the drawer requests to be closed (backdrop click or Escape). detail: `{ open: false }`
     * DOM event: `flint-drawer-close`
     */
    onFlintDrawerClose?: (event: CustomEvent<FlintDrawerCloseDetail>) => void;
}
export declare const FlintDrawer: React.ForwardRefExoticComponent<FlintDrawerProps & React.RefAttributes<FlintDrawerElement>>;