import * as React from 'react'; import { StandardProps } from './types'; import { ButtonBaseProps } from './button'; export interface ListProps { /** * @default * ```tsx * import * as React from 'react'; * import { ListSubheader } from './list'; * * export default () => ( * * ); * ``` **/ subheader?: React.ReactElement; /** * @default * ```tsx * import * as React from 'react'; * import { ListItem } from './list'; * * export default () => ( * <> * * * * <> * ); * ``` **/ children?: React.ReactNode; } export interface ListItemProps extends StandardProps { /** * @name Button * @description If true, the list item will be a button * @group List Item * @default true * */ button?: boolean; /** * @name Dense * @group List Item * */ dense?: boolean; /** * @name Disabled * @group List Item * */ disabled?: boolean; /** * @name Divider * @group List Item * */ divider?: boolean; /** * @name Selected * @group List Item * */ selected?: boolean; /** * @name On Click * @description Set an interaction that happens on Click. * */ onClick?: React.MouseEventHandler; /** * @default * ```tsx * import * as React from 'react'; * import { ListItemText, ListItemIcon } from './list'; * * export default () => ( * <> * * * <> * ); * ``` **/ children?: React.ReactNode; } export interface ListItemIconProps { /** * @default * ```tsx * import * as React from 'react'; * import { Icon } from './icon'; * * export default () => ( * * ); * ``` **/ children: React.ReactElement; } export interface ListItemTextProps { /** @name Disable Typography */ disableTypography?: boolean; /** @name Inset */ inset?: boolean; /** * @default * ```tsx * import * as React from 'react'; * import { Text } from '@meetalva/essentials'; * * export default () => ( * * ); * ``` **/ primary?: React.ReactNode; /** * @name Secondary Content */ secondary?: React.ReactNode; } export interface ListSubheaderProps { /** * @name Color * @control ButtonGroup * @group List Subheader * @ignore */ color?: ListSubheaderColor; /** * @name Disable Sticky * @group List Subheader * */ disableSticky?: boolean; /** * @name Inset * @group List Subheader * */ inset?: boolean; /** * @default * ```tsx * import * as React from 'react'; * import { Text } from '@meetalva/essentials'; * * export default () => ( * * ); * ``` **/ children?: React.ReactNode; } export declare enum ListSubheaderColor { Default = "default", Primary = "primary", Inherit = "inherit" } /** * @name List * @group List * @description Continuous, vertical indexes of text or images * @icon Menu */ export declare const List: React.SFC; /** * @name List Item * @group List * @icon Minus * */ export declare const ListItem: React.SFC; /** * @name List Item Avatar * @group List * @ignore */ export declare const ListItemAvatar: React.SFC; /** * @name List Item Icon * @group List * @icon Heart */ export declare const ListItemIcon: React.SFC; /** * @name List Item Secondary Action * @group List * @ignore */ export declare const ListItemSecondaryAction: React.SFC; /** * @name List Item Text * @group List * @icon Type */ export declare const ListItemText: React.SFC; /** * @name List Subheader * @group List */ export declare const ListSubheader: React.SFC;