import icons from '@repay/cactus-icons';
import React from 'react';
import { MarginProps } from 'styled-system';
import { FlexItemProps } from '../helpers/styled';
import { TextProps } from '../Text/Text';
interface ListProps extends MarginProps, FlexItemProps, React.HTMLAttributes<HTMLUListElement> {
    dividers?: boolean;
}
interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
    icon?: keyof typeof icons;
}
interface ItemHeaderProps extends Omit<TextProps, 'color'> {
    children?: React.ReactNode;
    icon?: keyof typeof icons;
    as?: React.ElementType<any>;
}
export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
declare const ItemHeader: React.FC<ItemHeaderProps>;
declare type ListType = typeof List & {
    Item: typeof ListItem;
    ItemHeader: typeof ItemHeader;
};
declare const TypedList: ListType;
export { ListItem, ItemHeader };
export default TypedList;