Files
universal_is/frontend_reactjs/src/components/CardInfo/CardInfo.tsx
cracklesparkle cf3fda43e4 Update
2024-07-18 11:48:56 +09:00

23 lines
523 B
TypeScript

import { Divider, Paper, Typography } from '@mui/material'
import { PropsWithChildren } from 'react'
interface CardInfoProps extends PropsWithChildren {
label: string;
}
export default function CardInfo({
children,
label
}: CardInfoProps) {
return (
<Paper sx={{ display: 'flex', flexDirection: 'column', gap: '16px', p: '16px' }}>
<Typography fontWeight={600}>
{label}
</Typography>
<Divider />
{children}
</Paper>
)
}