import React from 'react';

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

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

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

export default MobleTableRow;
