import { Card, CardContent, FormLabel, styled } from '@mui/material'

export const StyledSelectAttachmentsContainer = styled(FormLabel)({
  border: '1px dashed #0000001A',
  margin: '20px',
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  borderRadius: '10px',
  cursor: 'pointer',
  height: '148px',
  gap: '10px',
  '&:hover': {
    backgroundColor: '#EFEFEF',
  },
})

export const StyledCard = styled(Card)({
  display: 'flex',
  margin: '20px',
  justifyContent: 'center',
  gap: '60px',
})

export const StyledCardContent = styled(CardContent)({
  display: 'flex',
  margin: '20px',
  alignItems: 'center',
  gap: '30px',
})