import React from 'react';
import { useAbility } from '@casl/react';
import { AbilityContext } from '../../components';

export const useAbilityContext = () => useAbility(AbilityContext);

/**
 *
 */
export const useAbilitiesFilter = () => {
  const ability = useAbilityContext();

  return React.useCallback(
    (items) => {
      return items.filter((item) =>
        ability.can(item.permission.ability, item.permission.subject),
      );
    },
    [ability],
  );
};