import { useState } from 'react'
import "../css/Banner.css"
import "../css/Card.css";
import "../css/Buttons.css";

function CardTestator(props) {



  return (
    <div className="CardTestator">
      <div>
        <h1>ID: {props.id}</h1>
        <hr/>
      </div>
        <table>
          <thead></thead>
          <tbody>
            <tr>
              <td>Testator</td>
              <td>{props.testator}</td>
            </tr>
            <tr>
              <td>Beneficiary</td>
              <td>{props.beneficiary}</td>
            </tr>
            <tr>
              <td>Withdraw Date</td>
              <td>{props.withdrawDate}</td>
            </tr>
            <tr>
              <td>Amount</td>
              <td>{props.amount} ETH</td>
            </tr>
          </tbody>
        </table>
        <br/>

        <div className="btnArea">
        <button className="withdrawBtn">Withdraw</button>
        <button className="extendBtn">Extend...</button>
        </div>
    </div>
  )
}

export default CardTestator
