import { useState } from 'react'
import { Tabs } from './index.js'

export const Default = () => {
  const [value, setValue] = useState('all')

  return (
    <Tabs
      value={value}
      onChange={setValue}
      tabs={[
        { value: 'all', label: 'All' },
        { value: 'article', label: 'Article' },
        { value: 'category', label: 'Categories' },
        { value: 'author', label: 'Authors' },
        { value: 'access', label: 'Access' },
        { value: 'engagement', label: 'Engagement' },
      ]}
    />
  )
}
