import React from 'react'
import UserAddressContextMenu from './userAddressContextMenu'

type UserAddressListProps = {
  defaultAddress: boolean,
  shipingAddress: boolean
}

const UserAddressList = ({defaultAddress, shipingAddress}: UserAddressListProps) => {
  return (
    <div className="dashboard-content__address-card">
      <div className="dashboard-content__address-card-head">
        <div className="dashboard-content__address-card-head__left">
          <p>
            <span>Home Address</span> 
            {defaultAddress ? (
              <span className="default-status">Default</span> 
            ) : ""}
            {shipingAddress ? (
              <span>(Shipping Address)</span>
            ) : ""}
            
          </p>
        </div>
        <div className="dashboard-content__address-card-head__right">
          <UserAddressContextMenu />
        </div>
      </div>
      <div className="dashboard-content__address-card-body">
        <p>Md. Touheed Hasan</p>
        <p>+8801712738170</p>
        <p>House: 4B, Unit: B4 (4th floor), Paikpara Govt. staff quarter, Mirpur-1, Dhaka-1216, Paikpara, Mirpur-1, Dhaka City, Dhaka</p>
      </div>
    </div>
  )
}

export default UserAddressList