import { Typography } from "@mui/material";
import { СardPrivilegie } from "./CardPrivilegie";
import { usePrivilegeStore } from "@root/stores/privilegesStore";

export default function ListPrivilegie() {
  const privileges = usePrivilegeStore().privileges;


  return (
    <>
      {privileges.map(({ name, type, price, description, value, privilegeId, serviceKey, id, amount }) => (
          <СardPrivilegie
            key={id}
            name={name}
            type={type}
            amount={1}
            price={price}
            value={value}
            privilegeId={privilegeId}
            serviceKey={serviceKey}
            description={description}
          />
        ))
      }
    </>
  );
}