import React from 'react';

import { Trans } from '@kit/ui/makerkit/trans';
import { TableCell, TableRow } from '@kit/ui/shadcn/table';

import { withI18n } from '~/lib/i18n/with-i18n';

import { CheckWithBackground } from './compare-packages-modal';

const DefaultPackageFeaturesRows = () => {
  return (
    <>
      <TableRow key="digital-doctor-feedback">
        <TableCell className="max-w-[30vw] py-6">
          <Trans i18nKey="order-analysis-package:digitalDoctorFeedback" />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
      </TableRow>

      <TableRow key="give-analyses">
        <TableCell className="py-6 sm:max-w-[30vw]">
          <Trans i18nKey="order-analysis-package:giveAnalyses" />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
        <TableCell align="center" className="py-6">
          <CheckWithBackground />
        </TableCell>
      </TableRow>
    </>
  );
};

export default withI18n(DefaultPackageFeaturesRows);