/// <reference types="react" />
import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
import { Separator } from '../separator';
export type FloatingActionsVariant = 'inline' | 'floating';
export type FloatingActionsSide = 'top' | 'bottom';
export type FloatingActionsAlign = 'start' | 'center' | 'end';
export interface FloatingActionsProps extends Omit<ToolbarPrimitive.Root.Props, 'disabled' | 'orientation' | 'loopFocus'> {
    /**
     * Visual layout. `floating` pins the bar to the viewport via
     * `position: fixed`; `inline` renders in normal document flow.
     * @defaultValue "floating"
     */
    variant?: FloatingActionsVariant;
    /**
     * Vertical edge to anchor to. Only applies when `variant="floating"`.
     * @defaultValue "bottom"
     */
    side?: FloatingActionsSide;
    /**
     * Horizontal alignment along the chosen side. Only applies when
     * `variant="floating"`.
     * @defaultValue "center"
     */
    align?: FloatingActionsAlign;
}
export declare const FloatingActionsRoot: {
    ({ className, variant, side, align, ...props }: FloatingActionsProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export type FloatingActionsGroupProps = Omit<ToolbarPrimitive.Group.Props, 'disabled'>;
export declare const FloatingActionsGroup: {
    ({ className, ...props }: FloatingActionsGroupProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export type FloatingActionsSeparatorProps = Omit<React.ComponentProps<typeof Separator>, 'orientation'>;
export declare const FloatingActionsSeparator: {
    ({ className, ...props }: FloatingActionsSeparatorProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
//# sourceMappingURL=floating-actions.d.ts.map