NavigationBar

import { useState } from 'react';
import { NavigationBar } from 'twenty-ui/components';
import { IconHome, IconSettings } from 'twenty-ui/icon';

export const WorkspaceNavigation = () => {
  const [active, setActive] = useState('home');

  return (
    <NavigationBar
      activeItemName={active}
      items={[
        {
          name: 'home',
          label: 'Home',
          Icon: IconHome,
          onClick: () => setActive('home'),
        },
        {
          name: 'settings',
          label: 'Settings',
          Icon: IconSettings,
          onClick: () => setActive('settings'),
        },
      ]}
    />
  );
};