import { default as React } from 'react';
export declare const ALL_MENU_OPTIONS: readonly ["home", "reports", "users_and_roles", "forecast", "performance", "ai_cfo", "cards", "bills", "billing", "reimbursements", "vendors", "checking", "rewards", "treasury", "command_center", "company_settings", "task_checklist", "transaction_categorization", "missing_receipts", "je_schedules", "flux_analysis", "reconciliation", "invoicing"];
export declare const toMenuOptionType: (v: string) => "bills" | "reports" | "reimbursements" | "vendors" | "forecast" | "ai_cfo" | "billing" | "home" | "treasury" | "cards" | "checking" | "users_and_roles" | "performance" | "rewards" | "command_center" | "company_settings" | "task_checklist" | "transaction_categorization" | "missing_receipts" | "je_schedules" | "flux_analysis" | "reconciliation" | "invoicing";
export declare const toMenuOptionTypeStrict: (v: string) => "bills" | "reports" | "reimbursements" | "vendors" | "forecast" | "ai_cfo" | "billing" | "home" | "treasury" | "cards" | "checking" | "users_and_roles" | "performance" | "rewards" | "command_center" | "company_settings" | "task_checklist" | "transaction_categorization" | "missing_receipts" | "je_schedules" | "flux_analysis" | "reconciliation" | "invoicing" | undefined;
export type Menu = (typeof ALL_MENU_OPTIONS)[number];
export declare const ALL_SETTINGS_MENU_OPTIONS: readonly ["accounting", "approval_rules", "bank_connections", "billing", "business_verification", "company_details", "integrations", "my_profile", "my_bank_connections", "notifications"];
export declare const toSettingsMenuOptionType: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections" | "notifications";
export declare const toSettingsMenuOptionTypeStrict: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections" | "notifications" | undefined;
export type SettingsMenu = (typeof ALL_SETTINGS_MENU_OPTIONS)[number];
export declare const ALL_AI_CFO_MENU_OPTIONS: readonly ["new_chat", "explore", "skills", "search_chats"];
export declare const toAiCfoMenuOptionType: (v: string) => "skills" | "new_chat" | "explore" | "search_chats";
export declare const toAiCfoMenuOptionTypeStrict: (v: string) => "skills" | "new_chat" | "explore" | "search_chats" | undefined;
export type AiCfoMenu = (typeof ALL_AI_CFO_MENU_OPTIONS)[number];
export declare const ALL_INVOICING_MENU_OPTIONS: readonly ["invoicing_overview", "invoicing_analytics", "invoicing_customers", "invoicing_subscriptions", "invoicing_invoices", "invoicing_payments", "invoicing_credits", "invoicing_discounts", "invoicing_dunning", "invoicing_reports", "invoicing_catalog", "invoicing_settings", "invoicing_settings_payment_destination", "invoicing_settings_branding", "invoicing_settings_integrations", "invoicing_settings_dunning", "invoicing_settings_quickbooks", "invoicing_integrations", "invoicing_data_import", "invoicing_audit_log"];
export declare const toInvoicingMenuOptionType: (v: string) => "invoicing_overview" | "invoicing_analytics" | "invoicing_customers" | "invoicing_subscriptions" | "invoicing_invoices" | "invoicing_payments" | "invoicing_credits" | "invoicing_discounts" | "invoicing_dunning" | "invoicing_reports" | "invoicing_catalog" | "invoicing_settings" | "invoicing_settings_payment_destination" | "invoicing_settings_branding" | "invoicing_settings_integrations" | "invoicing_settings_dunning" | "invoicing_settings_quickbooks" | "invoicing_integrations" | "invoicing_data_import" | "invoicing_audit_log";
export declare const toInvoicingMenuOptionTypeStrict: (v: string) => "invoicing_overview" | "invoicing_analytics" | "invoicing_customers" | "invoicing_subscriptions" | "invoicing_invoices" | "invoicing_payments" | "invoicing_credits" | "invoicing_discounts" | "invoicing_dunning" | "invoicing_reports" | "invoicing_catalog" | "invoicing_settings" | "invoicing_settings_payment_destination" | "invoicing_settings_branding" | "invoicing_settings_integrations" | "invoicing_settings_dunning" | "invoicing_settings_quickbooks" | "invoicing_integrations" | "invoicing_data_import" | "invoicing_audit_log" | undefined;
export type InvoicingMenu = (typeof ALL_INVOICING_MENU_OPTIONS)[number];
export declare const ALL_MENU_GROUPS: readonly ["close_management", "ai_intelligence", "finance", "accounts_receivable", "accounts_payable", "banking", "administration"];
export declare const toMenuGroupType: (v: string) => "accounts_receivable" | "accounts_payable" | "close_management" | "ai_intelligence" | "finance" | "banking" | "administration";
export declare const toMenuGroupTypeStrict: (v: string) => "accounts_receivable" | "accounts_payable" | "close_management" | "ai_intelligence" | "finance" | "banking" | "administration" | undefined;
export type MenuGroup = (typeof ALL_MENU_GROUPS)[number];
export declare const ALL_SETTINGS_MENU_GROUPS: readonly ["company_settings", "personal_settings"];
export declare const toSettingsMenuGroupType: (v: string) => "company_settings" | "personal_settings";
export declare const toSettingsMenuGroupTypeStrict: (v: string) => "company_settings" | "personal_settings" | undefined;
export type SettingsMenuGroup = (typeof ALL_SETTINGS_MENU_GROUPS)[number];
export declare const ALL_AI_CFO_MENU_GROUPS: readonly ["ai_cfo"];
export declare const toAiCfoMenuGroupType: (v: string) => "ai_cfo";
export declare const toAiCfoMenuGroupTypeStrict: (v: string) => "ai_cfo" | undefined;
export type AiCfoMenuGroup = ReturnType<typeof toAiCfoMenuGroupType>;
export declare const ALL_INVOICING_MENU_GROUPS: readonly ["invoicing_general", "invoicing_billing", "invoicing_payments_group", "invoicing_setup", "invoicing_analytics_group"];
export declare const toInvoicingMenuGroupType: (v: string) => "invoicing_general" | "invoicing_billing" | "invoicing_payments_group" | "invoicing_setup" | "invoicing_analytics_group";
export declare const toInvoicingMenuGroupTypeStrict: (v: string) => "invoicing_general" | "invoicing_billing" | "invoicing_payments_group" | "invoicing_setup" | "invoicing_analytics_group" | undefined;
export type InvoicingMenuGroup = (typeof ALL_INVOICING_MENU_GROUPS)[number];
export type MenuListItem = {
    group: MenuGroup | SettingsMenuGroup | AiCfoMenuGroup | InvoicingMenuGroup;
    isAnimated: boolean;
    isVisible: boolean;
    type: Menu | SettingsMenu | AiCfoMenu | InvoicingMenu;
    subTitle?: string;
};
export default function MenuButton({ menu, isSelected, isCollapsed, subTitle, menuIconContainerStyle, menuContainerStyle, onClick, rightSlot, }: Readonly<{
    isCollapsed: boolean;
    isSelected: boolean;
    menu: MenuListItem;
    menuContainerStyle?: React.CSSProperties;
    menuIconContainerStyle?: React.CSSProperties;
    rightSlot?: React.ReactNode;
    subTitle?: string;
    onClick: (_menu: MenuListItem) => void;
}>): import("react/jsx-runtime").JSX.Element;
export declare const MenuContainer: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & {
    isCollapsed: boolean;
    isSelected: boolean;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const MenuTitle: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;