import { FC, ReactNode } from 'react';

import Typography from '@material-hu/mui/Typography';

type Props = {
  title?: string;
  value?: ReactNode;
};

const PolicyValues: FC<Props> = ({ title, value }) => (
  <>
    <Typography
      fontWeight="fontWeightSemiBold"
      sx={{ mb: 1 }}
    >
      {title}
    </Typography>
    <Typography sx={{ mb: 2 }}>{value}</Typography>
  </>
);

export default PolicyValues;