import React from "react";
import classNames from "classnames";
import { BoxProps } from "../Box";
import { Flex } from "../Flex";
import { bemHOF } from "../../utilities/bem";

const b = bemHOF("TopBar");

export const TopBarSubNav = (props: BoxProps) => {
  const { className, ...rest } = props;

  return (
    <Flex
      as="nav"
      className={classNames(b({ e: "subnav" }), className)}
      {...rest}
    />
  );
};