```jsx
import Tabs from '@/components/ui/Tabs'

const { TabNav, TabList } = Tabs

const Disabled = () => {
    return (
        <div>
            <Tabs defaultValue="tab1" className="mb-4">
                <TabList>
                    <TabNav value="tab1">Home</TabNav>
                    <TabNav disabled value="tab2">
                        Profile
                    </TabNav>
                    <TabNav value="tab3">Contact</TabNav>
                </TabList>
            </Tabs>
            <Tabs defaultValue="tab1" variant="pill">
                <TabList>
                    <TabNav value="tab1">Home</TabNav>
                    <TabNav disabled value="tab2">
                        Profile
                    </TabNav>
                    <TabNav value="tab3">Contact</TabNav>
                </TabList>
            </Tabs>
        </div>
    )
}

export default Disabled
```
