import React from 'react';

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

const MobileCartRow = ({
  titleKey,
  value,
}: {
  titleKey?: string;
  value?: string | number;
}) => (
  <TableRow>
    <TableHead className="h-2 font-bold">
      <Trans i18nKey={titleKey} />
    </TableHead>

    <TableCell className="p-0 text-right">
      <p
        className="txt-medium-plus text-ui-fg-base"
        data-testid="product-title"
      >
        {value}
      </p>
    </TableCell>
  </TableRow>
);

export default MobileCartRow;
