Untitled

'use client'

import { useParams } from 'next/navigation'

import { Box, Card, CardContent, Container, IconButton, Link, Typography } from '@mui/material'
import { MdAddCircleOutline } from 'react-icons/md'

import { useTheme } from '@mui/material/styles'


const ManageCoupons = () => {
  const theme = useTheme()
  const { eventHash } = useParams()
  return (

    <Container>
      <Box className='card-info' sx={{ p: 2 }}>
        <Box mb={2} display='flex'>
          <Typography variant='h4' component='h4' className='title-response'>
            Selecione um cupom
          </Typography>
        </Box>
        <Box display='flex'>
          <Card className='addLote' sx={{ textAlign: 'center', p: 2 }}>
            <CardContent>
              <Link href={`/panel/event/${eventHash}/coupons/create`} style={{ textDecoration: 'none' }}>
                <Box className='rec-add' sx={{ textAlign: 'center' }}>
                  <IconButton>
                    <MdAddCircleOutline fontSize={30} color={theme.palette.success.main} />
                  </IconButton>
                  <Typography variant='h5' className='mt-1'>
                    Adicionar Cupom
                  </Typography>
                </Box>
              </Link>
            </CardContent>
          </Card>
        </Box>
      </Box>
    </Container>
  )
}

export default ManageCoupons