import { Typography, TypographyProps } from '@mui/material';

export default function CheckoutFooter(props: TypographyProps) {
  return (
    <Typography
      {...props}
      sx={[
        {
          color: 'text.lighter',
          fontSize: 12,
        },
        ...(Array.isArray(props.sx) ? props.sx : [props.sx]),
      ]}>
      Powered by{' '}
      <Typography component="span" sx={{ fontWeight: 'bold', fontSize: 12 }}>
        ArcBlock
      </Typography>
    </Typography>
  );
}