/**
 * @description 请添加Index组件的描述和注释!!!
 *
 * @date 创建时间 2022-10-29 13:55
 * @author 开发人员
 */

import React from "react";

import LastPrice from "./LastPrice";
import { MarketMenu } from "./MarketMenu";
import ExternalPrice from "./ExternalPrice";
import "./index.css";
export interface NavBarProps {
  lastPrice?: string;
  classes?: {
    lastPrice?: string;
  };
  children?: React.ReactNode;
}

const NavBar: React.FC<NavBarProps> = props => {
  const { classes } = props;
  return (
    <div className="flex h-full items-center ">
      {props.children}
      <div className="w-[1px] h-[16px] bg-[#c6c6c8]" />
      <LastPrice lastPrice={props.lastPrice} className={classes?.lastPrice} />
      <MarketMenu loading={false}>
        <ExternalPrice></ExternalPrice>
      </MarketMenu>
    </div>
  );
};

NavBar.defaultProps = {};
export default NavBar;

export { default as CurrentProduct } from "./CurrentProduct";