/// <reference types="react" />
import { type Theme } from '../theme/types';
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/dist/declarations/src/types").StyledComponent<{
    button?: false | undefined;
} & import("@mui/material/ListItem").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "components" | "button" | "sx" | "classes" | "autoFocus" | "className" | "style" | "children" | "alignItems" | "disabled" | "selected" | "componentsProps" | "slots" | "slotProps" | "dense" | "disablePadding" | "disableGutters" | "divider" | "secondaryAction" | "ContainerComponent" | "ContainerProps"> & {
    theme?: import("@emotion/react").Theme | undefined;
} & ListItemProps, {}, {}>;
export {};
