import { ReactNode } from 'react';

interface SearchBarProps {
    value: string;
    onChange: (value: string) => void;
    placeholder?: string;
    autoFocus?: boolean;
}
export declare const SearchBar: import('react').NamedExoticComponent<SearchBarProps>;
interface FilterItem {
    key: string;
    label: string;
    count?: number;
    active?: boolean;
}
interface FilterBarProps {
    filters: FilterItem[];
    onToggle: (key: string) => void;
}
export declare const FilterBar: import('react').NamedExoticComponent<FilterBarProps>;
interface ActionItem {
    key: string;
    label: string;
    icon?: ReactNode;
    onClick: () => void;
    disabled?: boolean;
}
interface ActionBarProps {
    actions: ActionItem[];
}
export declare const ActionBar: import('react').NamedExoticComponent<ActionBarProps>;
interface MainContentProps {
    children: ReactNode;
    isEmpty?: boolean;
    emptyIcon?: string;
    emptyMessage?: string;
    emptyHint?: string;
}
export declare const MainContent: import('react').NamedExoticComponent<MainContentProps>;
interface TabContentProps {
    searchBar?: ReactNode;
    filterBar?: ReactNode;
    actionBar?: ReactNode;
    children: ReactNode;
}
export declare const TabContent: import('react').NamedExoticComponent<TabContentProps>;
export {};
//# sourceMappingURL=TabLayout.d.ts.map