import React from 'react'


interface TransactionTopNavProps {
    filterType: string
}

const filterContent = {
    "all": "All Transactions",
    "draft": "Transactions in Draft",
    "sent": "Sent Transactions",
    "complete": "Completed Transactions",
    "declined": "Declined Transactions",
    "discarded": "Discarded Transactions",
    "canceled": "Canceled Transactions",
    "expired": "Expired Transactions"
}

const TransactionTopNav: React.FC<TransactionTopNavProps> = ({ filterType }) => {

    return (
        <div className={`px-3 py-1 mb-2 text-md bg-[var(--compBgCol)] rounded flex justify-between items-center`}>
            <h1 className='h-[34px] flex items-center max-w-max'>{filterContent[filterType as string]}</h1>
        </div>
    )
}

export default TransactionTopNav