import * as React from 'react'; import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes'; import { Size } from '../types'; export interface ListRowProps extends Omit, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> { /** Size of the ListRow. Defaults to 'medium'. */ size?: Size.Small | Size.Medium | Size.Large; /** Variant of the ListRow. Defaults to 'normal'. */ variant?: 'normal' | 'overlay'; /** Optional. Icon to be shown on the left side of the ListRow. */ icon?: React.ReactNode; /** Required. Main text of the ListRow */ mainText: string; /** Optional. Secondary row shown under MainText */ secondaryText?: string; /** Optional. Details of the DropdownButton shown on the right side of the ListRow. */ dropdown?: Pick; /** Optional. Note to be shown on the right side of the component. */ note?: string | React.ReactNode; /** Optional. Tooltip of the Note shown on the right side of the component. */ noteTooltip?: string; /** Optional. If disabled then styles are greyed out and user can not interact with dropdown or click on the ListRow. */ disabled?: boolean; /** Optional. Action to be executed when user clicks the row. */ action?: () => void; /** Optional. Icon of the IconButton to show on the right side of the component */ rightSideIcon?: React.ReactNode; /** Optional. Action to be executed when user clicks on the IconButton on the right */ rightSideAction?: () => void; /** Optional. If disabled user will not be able to interact with IconButton shown on the right side */ rightSideIconDisabled?: boolean; } declare const ListRow: React.FunctionComponent; export default ListRow;