import { defineComponent, Fragment } from 'vue';
import { hasPerms } from '@/utils/auth';

export default defineComponent({
	name: 'Perms',
	props: {
		value: {
			type: undefined,
			default: [],
		},
	},
	setup(props, { slots }) {
		return () => {
			if (!slots) return null;
			return hasPerms(props.value) ? <Fragment>{slots.default?.()}</Fragment> : null;
		};
	},
});
