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

import React from "react";
import { Coin } from "@atomintl/aui-next";
import { PulldownIcon } from "@icons/Pulldown";

interface Props {
  symbol?: string;
  base?: string;
  open?: boolean;
}

const CurrentProduct: React.FC<Props> = props => {
  const { symbol, base, open } = props;

  return (
    <div className="pl-[10px] pr-[20px] flex items-center cursor-pointer nav-current-bar h-full ">
      <Coin type={base} showLabel={false} className="mr-[10px]"></Coin>
      <div className=" text-[16px] font-bold text-gray-16 mr-[10px]">{symbol ?? ""}</div>
      <div className="flex items-center">
        <PulldownIcon active={open} />
      </div>
    </div>
  );
};

CurrentProduct.defaultProps = {
  symbol: "BTCUSDT",
  base: "BTC"
};
export default CurrentProduct;
