@adamson/react-crossword/dist/es/Cluebar.js

A flexible, responsive, and easy-to-use crossword component for React apps

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Cluebar;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _reactBootstrap = require("react-bootstrap");

var NoPaddingRow = (0, _styledComponents["default"])(_reactBootstrap.Row).withConfig({
  displayName: "Cluebar__NoPaddingRow",
  componentId: "sc-1f9buye-0"
})(["[class*='col-']{padding-left:0 !important;padding-right:0 !important;}"]);

var ClueContainer = _styledComponents["default"].div.attrs(function () {
  return {
    className: "clue-text"
  };
}).withConfig({
  displayName: "Cluebar__ClueContainer",
  componentId: "sc-1f9buye-1"
})(["display:flex;justify-content:center;align-items:center;height:100%;"]);

function Cluebar(_ref) {
  var clue = _ref.clue,
      onClickNext = _ref.onClickNext,
      onClickBack = _ref.onClickBack;
  return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Container, null, /*#__PURE__*/_react["default"].createElement(NoPaddingRow, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
    xs: 1
  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
    className: "float-left",
    onClick: onClickBack
  }, '<')), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
    xs: 10
  }, /*#__PURE__*/_react["default"].createElement(ClueContainer, null, clue)), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
    xs: 1
  }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
    className: "float-right",
    onClick: onClickNext
  }, '>'))));
}

process.env.NODE_ENV !== "production" ? Cluebar.propTypes = {
  /** clue text */
  clue: _propTypes["default"].string.isRequired,
  onClickNext: _propTypes["default"].func.isRequired,
  onClickBack: _propTypes["default"].func.isRequired
} : void 0;