Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import type { PaperProps } from '@mantine/core'; import { Paper } from '@mantine/core'; import cx from 'clsx'; import type { JSX, ReactNode } from 'react'; import classes from './Panel.module.css'; export interface PanelProps extends PaperProps { readonly width?: number; readonly fill?: boolean; readonly children?: ReactNode; } export function Panel(props: PanelProps): JSX.Element { const { width, fill, className, children, ...rest } = props; const style = width ? { maxWidth: width } : undefined; return ( <Paper className={cx(classes.paper, fill && classes.fill, className)} style={style} shadow="sm" radius="sm" withBorder {...rest} > {children} </Paper> ); }