import { StatusBoxItemInterface } from "../../types"
import { statusBoxItems } from "../../utility/status"
import { StatusBoxItem } from "../common/status-box-items"

export const StatusBox = () => {


    return (
        <div className="grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-4 gap-6">
            {statusBoxItems?.map((item: StatusBoxItemInterface) => <StatusBoxItem key={item?.name} item={item} />)}
        </div>
    )
}