import { default as React } from 'react';
import { ElementDensity, ElementElevation, ElementOrientation, ElementShape, SurfaceColor } from '../../utils';
import { BoxBaseProps } from '../base';
/**
 * Props for {@link Toolbar}.
 * Extends {@link BoxBaseProps} except for `component` and `elementClass`.
 *
 * @category Toolbar
 */
export interface ToolbarProps extends Omit<BoxBaseProps, 'as' | 'elementClass' | 'direction' | 'row' | 'col'> {
    /** Visual variant of the toolbar. */
    variant?: 'docked' | 'floating';
    /** Surface color token applied to container. */
    color?: SurfaceColor;
    /** Elevation token. */
    elevation?: ElementElevation;
    /** Shape token. */
    shape?: ElementShape;
    /** Density token. */
    density?: ElementDensity;
    /** Makes toolbar full width. */
    fullWidth?: boolean;
    /** Positions floating toolbar. */
    placement?: 'top' | 'bottom' | 'left' | 'right' | 'center';
    /** Makes floating toolbar fixed. */
    fixed?: boolean;
    /** Main content area. */
    children?: React.ReactNode;
    /** Adds divider line below toolbar. */
    divider?: boolean;
    orientation?: ElementOrientation;
    /** Additional root class name. */
    className?: string;
}
/**
 * Expressive contextual action container based on MD3 Toolbar.
 *
 * Supports docked and floating variants.
 *
 * @function
 * @example
 * <Toolbar
 *   variant="floating"
 * >
 *   <IconButton />
 *   <IconButton />
 * </Toolbar>
 *
 * @category Toolbar
 */
export declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;