import React from "react";
import { Nav, NavItem, NavLink } from "../../";

export default (
  <div className="m-5">
    <Nav as="ul" variant="tabs">
      <NavItem as="li">
        <NavLink href="#" isActive={true}>
          Active
        </NavLink>
      </NavItem>
      <NavItem as="li">
        <NavLink href="#">Link</NavLink>
      </NavItem>
      <NavItem as="li">
        <NavLink href="#">Link</NavLink>
      </NavItem>
      <NavItem as="li">
        <NavLink href="#" isDisabled={true}>
          Disabled
        </NavLink>
      </NavItem>
    </Nav>
  </div>
);