import { Button } from "@mui/material"
import ArrowLeftP from "../../../icons/ArrowLeftP"
import Table from "./Table"

function List({ data }) {
    return (
        <div className="rounded-[8px] border overflow-hidden border-solid border-[#EFEFEF] bg-[#FFF]">
            <div className="flex items-center justify-between p-[16px]">
                <p className="text-[#525252] text-[16px] font-bold">لیست نوبت های پزشکان</p>
                <Button
                    variant="text"
                    className="!flex !items-center !justify-center !text-[#616161] !text-[14px] !font-normal !gap-[4px] !p-1"
                >
                    مشاهده همه
                    <ArrowLeftP />
                </Button>
            </div>
            <Table data={data} />
        </div>
    )
}

export default List