import { ShieldPlus } from 'lucide-react'
import { PERMISSIONS } from '@/constants/permissions'
import { useCan } from '@/hooks/use-can'
import { Button } from '@/components/ui/button'
import { useRolesContext } from './roles-provider'

export function RolesPrimaryButtons() {
  const { setOpen } = useRolesContext()
  const { can } = useCan()

  if (!can(PERMISSIONS.roles.create)) return null

  return (
    <Button className='space-x-1' onClick={() => setOpen('add')}>
      <span>افزودن نقش</span> <ShieldPlus size={18} />
    </Button>
  )
}