import React from 'react';
import { Icon } from '@pisell/materials';
import XClose from '@pisell/icon/es/XClose';
import { t } from "../i18n";
/** Adjust time 弹窗顶栏（仅保留 Adjust time，无 Edit booking） */
export var AdjustTimeTabs = function AdjustTimeTabs(_ref) {
  var showBack = _ref.showBack,
    onBack = _ref.onBack,
    onClose = _ref.onClose;
  return /*#__PURE__*/React.createElement("header", {
    className: "pisell-adjust-time__head"
  }, showBack ? /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "pisell-adjust-time__head-action pisell-adjust-time__head-action--back",
    onClick: onBack
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "pisell2-arrow-left",
    size: 24
  })) : null, /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "pisell-adjust-time__tab pisell-adjust-time__tab--active"
  }, "\u25F7 ", t('pisell2.adjust-time.tab')), /*#__PURE__*/React.createElement("div", {
    className: "pisell-adjust-time__head-spacer"
  }), /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "pisell-adjust-time__head-action pisell-adjust-time__head-action--close",
    "aria-label": "Close",
    onClick: onClose
  }, /*#__PURE__*/React.createElement(XClose, {
    size: 20,
    style: {
      fontSize: '24px'
    }
  })));
};