import React, { PureComponent } from 'react'; import PropTypes from 'prop-types'; import { ListContextValue } from './list-context'; export interface ListItemProps { extra?: React.ReactNode; header?: React.ReactNode; main?: React.ReactNode; align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'; className?: string; children?: React.ReactNode; style?: React.CSSProperties; onClick?: React.MouseEventHandler; onRightClick?: React.MouseEventHandler; onMouseLeave?: React.MouseEventHandler; onMouseEnter?: React.MouseEventHandler; } export default class ListItem extends PureComponent { static contextType: React.Context; static propTypes: { extra: PropTypes.Requireable; header: PropTypes.Requireable; main: PropTypes.Requireable; align: PropTypes.Requireable; className: PropTypes.Requireable; children: PropTypes.Requireable; style: PropTypes.Requireable; onClick: PropTypes.Requireable<(...args: any[]) => any>; onRightClick: PropTypes.Requireable<(...args: any[]) => any>; onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>; onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>; }; static defaultProps: { align: string; onMouseEnter: (...args: any[]) => void; onMouseLeave: (...args: any[]) => void; }; context: ListContextValue; wrapWithGrid(content: React.ReactNode): React.JSX.Element; render(): React.JSX.Element; }