import { clsx } from 'clsx'; import { ElementType, FC, ReactNode } from 'react'; import Body from '../body/Body'; export type LegacyListItemProps = { title: ReactNode; value: ReactNode; media?: ReactNode; action?: ReactNode; className?: string; isContainerAligned?: boolean; as?: ElementType; }; /** * @deprecated Use `` instead (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**). * @deprecatedSince 46.104.0 * @see [Source](../listItem/ListItem.tsx) * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs) * @see [Design docs](https://wise.design/components/list-item) * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes) */ const LegacyListItem: FC = ({ media, action, className, title, value, isContainerAligned, as = 'li', ...rest }) => { const Element = as; return ( {media}

{title} {value && ( {value} )}

{action ?

{action}

: null} ); }; export default LegacyListItem;