import * as React from 'react'; import { StandardProps } from '..'; import { TypographyProps } from '../Typography'; export interface ListItemTextProps< PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p' > extends StandardProps, ListItemTextClassKey> { /** * Alias for the `primary` prop. */ children?: React.ReactNode; /** * If `true`, the children won't be wrapped by a Typography component. * This can be useful to render an alternative Typography variant by wrapping * the `children` (or `primary`) text, and optional `secondary` text * with the Typography component. */ disableTypography?: boolean; /** * If `true`, the children will be indented. * This should be used if there is no left avatar or left icon. */ inset?: boolean; /** * The main content element. */ primary?: React.ReactNode; /** * These props will be forwarded to the primary typography component * (as long as disableTypography is not `true`). */ primaryTypographyProps?: TypographyProps< PrimaryTypographyComponent, { component?: PrimaryTypographyComponent } >; /** * The secondary content element. */ secondary?: React.ReactNode; /** * These props will be forwarded to the secondary typography component * (as long as disableTypography is not `true`). */ secondaryTypographyProps?: TypographyProps< SecondaryTypographyComponent, { component?: SecondaryTypographyComponent } >; } export type ListItemTextClassKey = | 'root' | 'multiline' | 'dense' | 'inset' | 'primary' | 'secondary'; /** * * Demos: * * - [Lists](https://mui.com/components/lists/) * * API: * * - [ListItemText API](https://mui.com/api/list-item-text/) */ export default function ListItemText< PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p' >(props: ListItemTextProps): JSX.Element;