import { CodeIcon, CreditCardIcon, KeyIcon, UserGroupIcon, UserIcon } from "@heroicons/react/solid"; import React from "react"; import { useLocale } from "@lib/hooks/useLocale"; import NavTabs from "./NavTabs"; export default function SettingsShell({ children }: { children: React.ReactNode }) { const { t } = useLocale(); const tabs = [ { name: t("profile"), href: "/settings/profile", icon: UserIcon, }, { name: t("security"), href: "/settings/security", icon: KeyIcon, }, { name: t("embed_and_webhooks"), href: "/settings/embed", icon: CodeIcon }, { name: t("teams"), href: "/settings/teams", icon: UserGroupIcon, }, { name: t("billing"), href: "/settings/billing", icon: CreditCardIcon, }, ]; return ( <>
{children}
); }