/* global React */

function BookBtn({ children, className = "vsc-btn vsc-btn-primary", showArrow = true, label, ...rest }) {
  const { t } = window.useT();
  return (
    <a
      className={className}
      href={window.BOOKING_URL}
      target="_blank"
      rel="noopener noreferrer"
      {...rest}
    >
      {children || label || t("common.book")}
      {showArrow && <span className="arrow" aria-hidden="true"></span>}
    </a>
  );
}
window.BookBtn = BookBtn;