import React from 'react';
import { Iconfont } from '@pisell/materials';
/**
 * BigSale 右侧订单态 header：展示当前订单名称，并提供清空整单工作区入口。
 *
 * @example
 * <BigSaleOrderHeaderBar title="#1001" onClear={() => sales.clearCartAndReset()} />
 */
export function BigSaleOrderHeaderBar(_ref) {
  var title = _ref.title,
    onClear = _ref.onClear,
    variant = _ref.variant;
  return /*#__PURE__*/React.createElement("div", {
    className: ['pisell-big-sale-order-header-bar', 'big-sale-dialog-header-bar', variant === 'phone' ? 'pisell-big-sale-order-header-bar--phone' : '', variant === 'phone' ? 'big-sale-dialog-header-bar--phone' : ''].filter(Boolean).join(' ')
  }, /*#__PURE__*/React.createElement("div", {
    className: "big-sale-dialog-header-bar__content"
  }, /*#__PURE__*/React.createElement("div", {
    className: "big-sale-dialog-header-bar__order-id",
    title: title
  }, title)), /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "big-sale-dialog-header-bar__close",
    "aria-label": "Clear order",
    onClick: onClear
  }, /*#__PURE__*/React.createElement(Iconfont, {
    type: "pisell2-x-close"
  })));
}
BigSaleOrderHeaderBar.displayName = 'BigSaleOrderHeaderBar';
export default BigSaleOrderHeaderBar;