Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import cx from 'clsx'; import type { JSX, ReactNode } from 'react'; import classes from './DescriptionList.module.css'; export interface DescriptionListProps { readonly children: ReactNode; readonly compact?: boolean; } export function DescriptionList(props: DescriptionListProps): JSX.Element { const { children, compact } = props; return <dl className={cx(classes.root, { [classes.compact]: compact })}>{children}</dl>; } export interface DescriptionListEntryProps { readonly term: string; readonly children: ReactNode; } export function DescriptionListEntry(props: DescriptionListEntryProps): JSX.Element { return ( <> <dt>{props.term}</dt> <dd>{props.children}</dd> </> ); }