FeedbacksModal.tsx

import React from 'react'
import { translate } from 'cozy-ui/react/I18n'
import Modal from 'components/CommonKit/Modal/Modal'
import StyledButton from 'components/CommonKit/Button/StyledButton'

interface FeedbacksModalProps {
  opened: boolean
  t: Function
  handleCloseClick: () => void
}

const FeedbacksModal: React.FC<FeedbacksModalProps> = ({
  opened,
  t,
  handleCloseClick,
}: FeedbacksModalProps) => {
  return (
    <Modal open={opened} handleCloseClick={handleCloseClick}>
      <div className="fb-header text-18-bold">{t('feedbacks.title')}</div>
      <div className="fb-content">
        <div>{t('feedbacks.type')}</div>
        <div>{t('feedbacks.description')}</div>
        <div>{t('feedbacks.email')}</div>
        <StyledButton>{t('feedbacks.send')}</StyledButton>
      </div>
    </Modal>
  )
}

export default translate()(FeedbacksModal)