import { type ComponentProps, type ComponentPropsWithoutRef, type FC, type PropsWithChildren } from 'react';
import { type VariantProps } from 'tailwind-variants';
import { SideNavItemButton, type SideNavSizeType } from './SideNavItemButton';
export type SideNavItemButtonProps = Omit<ComponentProps<typeof SideNavItemButton>, 'size' | 'onClick'>;
type AbstractProps = PropsWithChildren<{
    /** 各アイテムのデータの配列
     * @deprecated SideNavItemButton を使ってください
     */
    items?: SideNavItemButtonProps[];
    /** 各アイテムの大きさ */
    size?: SideNavSizeType;
    /** アイテムを押下したときに発火するコールバック関数 */
    onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>, id: string) => void;
    /** コンポーネントに適用するクラス名 */
    className?: string;
}> & VariantProps<typeof classNameGenerator>;
type Props = AbstractProps & Omit<ComponentPropsWithoutRef<'ul'>, keyof AbstractProps>;
declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}, {
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}>, {
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}, {
    rounded: {
        true: string[];
        all: string[];
        top: string[];
        right: string[];
        bottom: string[];
        left: string[];
    };
}>, unknown, unknown, undefined>>;
export declare const SideNav: FC<Props>;
export {};