export type ViewType = 'welcome' | 'dashboard' | 'detail' | 'help';
export type NotificationPriority = 'low' | 'normal' | 'high';
export type NotificationPosition = 'top-right' | 'bottom-right' | 'bottom-left' | 'top-center';
export type SortColumn = 'name' | 'vlan' | 'expected' | 'planned' | 'network' | 'usable' | 'description';
export type SortDirection = 'asc' | 'desc';
export interface Notification {
    id: string;
    message: string;
    type: 'info' | 'success' | 'error' | 'warning';
    timestamp: number;
    priority?: NotificationPriority;
    duration?: number;
    position?: NotificationPosition;
}
interface UIState {
    currentView: ViewType;
    selectedIndex: number;
    notifications: Notification[];
    maxVisibleNotifications: number;
    sortColumn: SortColumn | null;
    sortDirection: SortDirection;
    notificationTimers: Map<string, NodeJS.Timeout>;
    viewportStart: number;
    viewportSize: number;
    setView: (view: ViewType) => void;
    setSelectedIndex: (index: number) => void;
    moveSelectionUp: (totalItems: number) => void;
    moveSelectionDown: (totalItems: number) => void;
    setViewportSize: (size: number) => void;
    adjustViewport: (selectedIndex: number, totalItems: number) => void;
    showNotification: (message: string, type?: 'info' | 'success' | 'error' | 'warning', options?: {
        priority?: NotificationPriority;
        duration?: number;
        position?: NotificationPosition;
    }) => void;
    dismissNotification: (id: string) => void;
    clearNotifications: () => void;
    setMaxVisibleNotifications: (max: number) => void;
    setSortColumn: (column: SortColumn) => void;
    clearSort: () => void;
}
export declare const useUIStore: {
    (): UIState;
    <U>(selector: (state: UIState) => U): U;
} & Omit<import("zustand").StoreApi<UIState>, "setState"> & {
    setState(nextStateOrUpdater: UIState | Partial<UIState> | ((state: import("immer").WritableDraft<UIState>) => void), shouldReplace?: false): void;
    setState(nextStateOrUpdater: UIState | ((state: import("immer").WritableDraft<UIState>) => void), shouldReplace: true): void;
} & {
    use: {
        currentView: () => ViewType;
        selectedIndex: () => number;
        notifications: () => Notification[];
        maxVisibleNotifications: () => number;
        sortColumn: () => SortColumn | null;
        sortDirection: () => SortDirection;
        notificationTimers: () => Map<string, NodeJS.Timeout>;
        viewportStart: () => number;
        viewportSize: () => number;
        setView: () => (view: ViewType) => void;
        setSelectedIndex: () => (index: number) => void;
        moveSelectionUp: () => (totalItems: number) => void;
        moveSelectionDown: () => (totalItems: number) => void;
        setViewportSize: () => (size: number) => void;
        adjustViewport: () => (selectedIndex: number, totalItems: number) => void;
        showNotification: () => (message: string, type?: "info" | "success" | "error" | "warning", options?: {
            priority?: NotificationPriority;
            duration?: number;
            position?: NotificationPosition;
        }) => void;
        dismissNotification: () => (id: string) => void;
        clearNotifications: () => () => void;
        setMaxVisibleNotifications: () => (max: number) => void;
        setSortColumn: () => (column: SortColumn) => void;
        clearSort: () => () => void;
    };
};
export {};