/**
 * 填充的买/卖数量
 */

import React, { FC, useMemo } from "react";
import clsx from "clsx";
interface Props {
  buyText: string;
  sellText: string;
  className?: string;
}
export const CenterQuantity: FC<Props> = props => {
  const { buyText, sellText, className } = props;
  return useMemo(() => {
    return (
      <div className={clsx("flex item-center", className)}>
        <span className="text-green">{buyText}</span>
        <span className="mx-[2px]">/</span>
        <span className="text-red">{sellText}</span>
      </div>
    );
  }, [buyText, sellText, className]);
};