/// <reference types="react" />
import { type Theme } from '../theme';
import { ListItemStates } from './constants';
import { type ListItemProps } from './types';
type StyledListItemThemeProps = ListItemProps & {
    theme: Theme;
};
export declare const getBgColor: ({ selected, theme, }: StyledListItemThemeProps) => string;
export declare const getColor: ({ theme, selected, listItemState, }: ListItemProps & {
    theme: Theme;
} & {
    listItemState: ListItemStates;
}) => string;
export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
    button?: false | undefined;
} & import("@mui/material").ListItemBaseProps & {
    components?: {
        Root?: import("react").ElementType<any> | undefined;
    } | undefined;
    componentsProps?: {
        root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides) | undefined;
    } | undefined;
    slotProps?: {
        root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides) | undefined;
    } | undefined;
    slots?: {
        root?: import("react").ElementType<any> | undefined;
    } | undefined;
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
}, "sx" | "className" | "style" | "classes" | "children" | "button" | "autoFocus" | "disabled" | "selected" | "alignItems" | "components" | "divider" | "dense" | "slotProps" | "slots" | "componentsProps" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & {
    theme?: import("@emotion/react").Theme | undefined;
} & ListItemProps, {}, {}>;
export {};