Function TabButton

SettingsModal.tsx:190–212

({
  icon,
  label,
  active,
  onClick
}: {
  icon: React.ReactNode
  label: string
  active: boolean
  onClick: () => void
})

}

function TabButton({
  icon,
  label,
  active,
  onClick
}: {
  icon: React.ReactNode
  label: string
  active: boolean
  onClick: () => void
}) {
  return (
    <button
      onClick={onClick}
      className={`w-full flex items-center gap-2 px-3 py-2 rounded-lg
        transition-colors text-sm
        ${active ? 'bg-theme-accent theme-primary' : 'hover:bg-theme-accent/50'}`}
    >
      {icon}
      {label}
    </button>
  )
}

function APIKeyTab() {
  const { apiKey, setApiKey } = useStore()