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

export default (
  <div className="m-5">
    <Nav as="ul">
      <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>

    <Nav as="nav" className="mt-5">
      <NavLink href="#" isActive={true}>
        Active
      </NavLink>
      <NavLink href="#">Link</NavLink>
      <NavLink href="#">Link</NavLink>
      <NavLink href="#" isDisabled={true}>
        Disabled
      </NavLink>
    </Nav>
  </div>
);
