import React from 'react';
import { FlintAppBar as FlintAppBarElement } from '@getufy/flint-ui/app-bar/flint-app-bar';
/**
 * flint-app-bar: The top App bar provides content and actions related to the current screen.
 *
 * @slot navigation - Left section, e.g. menu button (alias: `start-content`).
 * @slot start-content - Alias for `navigation` slot.
 * @slot title - Center section next to the title prop.
 * @slot actions - Right section, e.g. action buttons (alias: `end-content`).
 * @slot end-content - Alias for `actions` slot.
 */
export interface FlintAppBarProps extends Omit<React.HTMLAttributes<FlintAppBarElement>, 'title'> {
    /** Title text displayed in the center of the app bar. */
    title?: string;
    /**
     * CSS positioning behavior of the app bar.
     * Allowed values: 'static' | 'fixed' | 'absolute' | 'sticky'
     */
    position?: 'static' | 'fixed' | 'absolute' | 'sticky';
    /**
     * Visual style variant of the app bar.
     * Allowed values: 'regular' | 'outlined'
     */
    variant?: 'regular' | 'outlined';
}
export declare const FlintAppBar: React.ForwardRefExoticComponent<FlintAppBarProps & React.RefAttributes<FlintAppBarElement>>;