import type { ReactElement } from 'react';
import type { TransactionsTableRowType } from '../columns';

type Props = {
  transaction: TransactionsTableRowType;
};

export const Account = ({ transaction }: Props): ReactElement => {
  const { account } = transaction;

  const accountType = account.type;
  const accountName = account.name;

  return (
    <div className="flex flex-col justify-center">
      <p>{accountType}</p>
      <p>{accountName}</p>
    </div>
  );
};