Tabs (non-routing)

A simple tab component for switching between different views within a page. Unlike the Tabs component, this doesn't use routing.

Overview Content

This is the content for Overview

The TabsSimple component accepts the following props:
- activeTab: The currently selected tab
- setActiveTab: Function to update the active tab
- tabs: Array of tab labels
- className: Optional styling override

const [activeTab, setActiveTab] = useState('Overview')
const tabs = ['Overview', 'Analytics', 'Reports', 'Settings']

<TabsSimple
  activeTab={activeTab}
  setActiveTab={setActiveTab}
  tabs={tabs}
/>