import { Box, SxProps, Typography } from '@mui/material'
import { TypographyVariant as Variant } from '@mui/material/styles'

interface ItemProps {
  text: string
  sx?: SxProps
  variant?: Variant
}

interface SignatureFooterProps {
  containerSx?: SxProps
  list: ItemProps[]
}

export default function SignatureFooter({
  containerSx,
  list,
}: SignatureFooterProps) {
  return (
    <Box
      sx={{
        display: 'flex',
        justifyContent: 'space-around',
        margin: '100px 0px 50px  0px',
        ...containerSx,
      }}
    >
      {list?.map((item, index) => (
        <Typography key={index} sx={item?.sx} variant={item?.variant || 'h1'}>
          {item?.text}
        </Typography>
      ))}
    </Box>
  )
}
