vytal-redux/src/popup/pages/homePage/InfoItem.tsx
2023-09-12 21:52:50 -04:00

19 lines
369 B
TypeScript

import { Box, Flex } from 'theme-ui'
interface InfoItemProps {
title: string
children: React.ReactNode
}
const InfoItem = ({ title, children }: InfoItemProps) => {
return (
<Box sx={{ mb: '12px' }}>
<Flex sx={{ fontWeight: '700', mb: '2px', fontSize: '14px' }}>
{title}
</Flex>
{children}
</Box>
)
}
export default InfoItem