The TabNav is a wrapper container for building second level tabbed-navigation bars

### Example

```jsx live=true
<TabNav
  backButton={{
    text: 'text',
    href: '/href',
    clickHandler: () => {},
  }}
>
  <TabNavItem>Crossover/Wagon</TabNavItem>
  <TabNavItem isActive>SUV</TabNavItem>
  <TabNavItem>Sedan</TabNavItem>
</TabNav>
```

### With Line Transition

```jsx live=true
() => {
  const [active, setActive] = React.useState(1);
  return (
    <TabNav enableLineTransition>
      <TabNavItem
        isActive={active === 1}
        onClick={() => {
          setActive(1);
        }}
      >
        Crossover/Wagon
      </TabNavItem>
      <TabNavItem
        isActive={active === 2}
        onClick={() => {
          setActive(2);
        }}
      >
        SUV
      </TabNavItem>
      <TabNavItem
        isActive={active === 3}
        onClick={() => {
          setActive(3);
        }}
      >
        Sedan
      </TabNavItem>
    </TabNav>
  );
};
```