import { ApprovalWorkflowStatus, ApprovalWorkflowStatusLabel } from "@/interfaces/approval.workflow";
import React from "react";
import { RiProgress5Line } from "react-icons/ri";

interface Props {
    status: ApprovalWorkflowStatus;
}

export default function Status({ status }: Props) {
    return (
        <div className="flex items-center space-x-3">
            <div className="flex items-center justify-center w-12 h-12 bg-gray-100 rounded-lg border border-gray-300">
                <RiProgress5Line className="text-mti-purple-dark size-7"/>
            </div>
            <div>
                <p className="pb-1 text-sm font-medium text-gray-800">Status</p>
                <div className="flex items-center">
                    <p className="text-xs font-medium text-gray-800">{ApprovalWorkflowStatusLabel[status]}</p>
                </div>
            </div>
        </div>
    );
};