import { LucideIcon } from 'lucide-react';

/**
 * A single item rendered into one of the status bar's three alignment groups.
 */
export interface IStatusBarWidget {
    /** Stable unique identifier. Used as the React key. */
    id: string;
    /** Text shown next to the icon. Pass an empty string for an icon-only item. */
    label: string;
    /** Optional `lucide-react` icon rendered before the label at 12px. */
    icon?: LucideIcon;
    /** Which of the three groups the item belongs to. */
    alignment: 'left' | 'center' | 'right';
    /** Invoked on click and on Enter/Space. Providing it makes the item interactive. */
    onClick?: () => void;
    /** Extra classes merged onto the item, e.g. `"text-green-500"`. */
    className?: string;
    /** Higher values sort earlier within the group. Defaults to `0`. */
    priority?: number;
}
export interface StatusBarProps {
    /**
     * Items to display. They are grouped by `alignment` and sorted by descending
     * `priority` within each group.
     */
    widgets?: IStatusBarWidget[];
    /** Accessible label for the landmark. Defaults to `"Status Bar"`. */
    'aria-label'?: string;
    /** Extra classes merged onto the root `<footer>`. */
    className?: string;
}
/**
 * A VS Code-style status bar: a fixed-height footer with left, center and right
 * item groups. Items may be static labels or interactive buttons.
 *
 * This component is fully controlled — it holds no state and reads no global
 * store. For the store-backed variant used by `ShellLayout`, see
 * {@link ConnectedStatusBar}.
 *
 * @example
 * ```tsx
 * <StatusBar
 *   widgets={[
 *     { id: 'branch', label: 'main', icon: GitBranch, alignment: 'left', onClick: openBranches },
 *     { id: 'ln', label: 'Ln 12, Col 4', alignment: 'right' },
 *   ]}
 * />
 * ```
 */
export declare const StatusBar: ({ widgets, className, "aria-label": ariaLabel, }: StatusBarProps) => import("react/jsx-runtime").JSX.Element;