import React from 'react';
import { FlintBottomNavigation as FlintBottomNavigationElement } from '@getufy/flint-ui/bottom-navigation/flint-bottom-navigation';
export interface FlintBottomNavigationChangeDetail {
    value: number | string;
}
/**
 * Bottom Navigation bars allow movement between primary destinations in an app.
 *
 * @slot (default) - destinations (flint-bottom-navigation-action).
 */
export interface FlintBottomNavigationProps extends Omit<React.HTMLAttributes<FlintBottomNavigationElement>, 'defaultValue'> {
    /** The value of the currently selected action. */
    value?: unknown;
    /** Initial selected value for uncontrolled usage. */
    defaultValue?: unknown | undefined;
    /** If true, all labels are shown at all times. */
    showLabels?: boolean;
    /**
     * Dispatched when the selected value changes. detail: `{ value: number | string }`
     * DOM event: `flint-bottom-navigation-change`
     */
    onFlintBottomNavigationChange?: (event: CustomEvent<FlintBottomNavigationChangeDetail>) => void;
}
export declare const FlintBottomNavigation: React.ForwardRefExoticComponent<FlintBottomNavigationProps & React.RefAttributes<FlintBottomNavigationElement>>;