// @ts-nocheck
import React from 'react';
import { Ability } from '@casl/ability';
import { createContextualCan } from '@casl/react';

import { useDashboardMetaBoot } from './DashboardBoot';

export const AbilityContext = React.createContext();
export const Can = createContextualCan(AbilityContext.Consumer);

/**
 * Dashboard ability provider.
 */
export function DashboardAbilityProvider({ children }) {
  const {
    meta: { abilities },
  } = useDashboardMetaBoot();

  // Ability instance.
  const ability = new Ability(abilities);

  return (
    <AbilityContext.Provider value={ability}>
      {children}
    </AbilityContext.Provider>
  );
}