import { UserPlus } from 'lucide-react'
import { PERMISSIONS } from '@/constants/permissions'
import { useCan } from '@/hooks/use-can'
import { Button } from '@/components/ui/button'
import { useUsers } from './users-provider'

export function UsersPrimaryButtons() {
  const { setOpen } = useUsers()
  const { can } = useCan()

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

  return (
    <div className='flex gap-2'>
      <Button className='space-x-1' onClick={() => setOpen('add')}>
        <span>افزودن کاربر</span> <UserPlus size={18} />
      </Button>
    </div>
  )
}