Kind of get account stuff working; IDE is throwing a fit right now

resources/scripts/routers/DashboardRouter.tsx

@@ -6,17 +6,45 @@ import DashboardContainer from '@/components/dashboard/DashboardContainer';
 import TransitionRouter from '@/TransitionRouter';
 import AccountApiContainer from '@/components/dashboard/AccountApiContainer';
 import NotFound from '@/components/screens/NotFound';
+import styled from 'styled-components/macro';
+import tw from 'twin.macro';
+import config from '@/../../tailwind.config.js';
+
+const SubNavigation = styled.div`
+    ${tw`w-full bg-neutral-700 shadow`};
+    
+    & > div {
+        ${tw`flex items-center text-sm mx-auto px-2`};
+        max-width: 1200px;
+        
+        & > a, & > div {
+            ${tw`inline-block py-3 px-4 text-neutral-300 no-underline transition-all duration-150`};
+            
+            &:not(:first-of-type) {
+                ${tw`ml-2`};
+            }
+            
+            &:active, &:hover {
+                ${tw`text-neutral-100`};
+            }
+            
+            &:active, &:hover, &.active {
+                box-shadow: inset 0 -2px ${config.theme.colors.cyan['500']};
+            }
+        }
+    }
+`;
 
 export default ({ location }: RouteComponentProps) => (
     <>
         <NavigationBar/>
         {location.pathname.startsWith('/account') &&
-        <div id={'sub-navigation'}>
-            <div className={'items'}>
+        <SubNavigation>
+            <div>
                 <NavLink to={'/account'} exact>Settings</NavLink>
                 <NavLink to={'/account/api'}>API Credentials</NavLink>
             </div>
-        </div>
+        </SubNavigation>
         }
         <TransitionRouter>
             <Switch location={location}>