import { useState } from "react"
import CharmingTabs from "./CharmingTabs"

const items = [
  { label: "Item 1", href: "javascript:void(0)" },
  { label: "Item 2", href: "javascript:void(0)" },
  { label: "Item 3", href: "javascript:void(0)" },
]

export default function Example() {
  const [selectedIndex, setSelectedIndex] = useState(0)

  return (
    <CharmingTabs
      items={items}
      selectedIndex={selectedIndex}
      onChange={setSelectedIndex}
    />
  )
}