import React from 'react';
import { IListItemProps } from './listitem.interfaces';
export declare const _ListItem: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<IListItemProps>, "className" | "left" | "right" | "title" | "description" | "onClick" | "style" | "children"> & React.RefAttributes<HTMLLIElement>>;
export declare const ListItem: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<IListItemProps>, "className" | "left" | "right" | "title" | "description" | "onClick" | "style" | "children"> & React.RefAttributes<HTMLLIElement>> & {
    Description: {
        ({ children, ...props }: React.PropsWithChildren<import("../listdescription/listdescription.interfaces").ListDescriptionProps>): JSX.Element;
        defaultTheme: ({ colors }: import("../..").CommonTheme) => [string, {
            fontSize: string;
            lineHeight: string;
            textColor: string;
        }];
    };
    Title: {
        ({ children, ...props }: React.HTMLAttributes<import("../listtitle/listtitle.interfaces").IListTitleProps>): JSX.Element;
        defaultTheme: () => [string, {
            fontSize: string;
            fontWeight: string;
        }];
    };
    Left: {
        ({ children, ...props }: React.HTMLAttributes<import("../listextraleft/listextraleft.interfaces").ListExtraLeftProps>): JSX.Element;
        defaultTheme: () => [string, {
            padding: string;
        }];
    };
    Right: {
        ({ children, ...props }: React.HTMLAttributes<import("../listextraright/listextraright.interfaces").IListExtraRightProps>): JSX.Element;
        defaultTheme: () => [string, {
            padding: string;
        }];
    };
};