tasks-primary-buttons.tsx 594 B

123456789101112131415161718192021
  1. import { Download, Plus } from 'lucide-react'
  2. import { Button } from '@/components/ui/button'
  3. import { useTasks } from './tasks-provider'
  4. export function TasksPrimaryButtons() {
  5. const { setOpen } = useTasks()
  6. return (
  7. <div className='flex gap-2'>
  8. <Button
  9. variant='outline'
  10. className='space-x-1'
  11. onClick={() => setOpen('import')}
  12. >
  13. <span>Import</span> <Download size={18} />
  14. </Button>
  15. <Button className='space-x-1' onClick={() => setOpen('create')}>
  16. <span>Create</span> <Plus size={18} />
  17. </Button>
  18. </div>
  19. )
  20. }