import React from "react";
import type { Property } from "csstype";
import { Theme } from "../../themes";
import { IconName } from "../Icon";
export type ContentType = "default" | "warning" | "disabled";
export type ContentTypeStyle = {
    normal: {
        background: string;
        color: string;
    };
    hover: {
        background: string;
        color: string;
    };
    active: {
        background: string;
        color: string;
    };
};
export declare const getContentTypeStyles: (theme: Theme, type?: ContentType) => ContentTypeStyle;
export type SingleContentProp = React.ComponentPropsWithoutRef<"div"> & {
    text: string;
    onClick: () => void;
    divideTop?: boolean;
    type?: ContentType;
    iconName?: IconName;
    /**
     * @deprecated
     *
     * I'll delete it in the future.
     * Please use "type: disabled".
     */
    disabled?: boolean;
};
export type GroupContentProp = React.ComponentPropsWithoutRef<"div"> & {
    title: string;
    contents: SingleContentProp[];
};
export type ContentProp = SingleContentProp | GroupContentProp;
/**
 * @deprecated このコンポーネントは廃止予定です（後継なし）。Menu 廃止に伴い不要になります。
 */
export type MenuListProps = React.ComponentPropsWithoutRef<"div"> & {
    inline?: boolean;
    contents: Array<ContentProp>;
    maxHeight?: Property.MaxHeight;
};
/**
 * @deprecated このコンポーネントは廃止予定です（後継なし）。Menu 廃止に伴い不要になります。
 */
declare const MenuList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    inline?: boolean;
    contents: Array<ContentProp>;
    maxHeight?: Property.MaxHeight;
} & React.RefAttributes<HTMLDivElement>>;
export default MenuList;