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

export type DetailRowProps = {
  label: string;
  value: string;
};

const DetailRow = ({ label, value }: DetailRowProps) => {
  return (
    <Stack sx={{ py: 2, gap: 0.5 }}>
      <Typography
        variant="globalXXS"
        color="new.text.neutral.lighter"
      >
        {label}
      </Typography>
      <Typography
        variant="globalS"
        fontWeight="fontWeightSemiBold"
        color="new.text.neutral.default"
      >
        {value}
      </Typography>
    </Stack>
  );
};

export default DetailRow;
