@adamson/react-crossword
Version:
A flexible, responsive, and easy-to-use crossword component for React apps
44 lines (37 loc) • 1.85 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = Toolbar;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactBootstrap = require("react-bootstrap");
function Toolbar(_ref) {
var onClickRevealSquare = _ref.onClickRevealSquare,
onClickRevealClue = _ref.onClickRevealClue,
onClickRevealGrid = _ref.onClickRevealGrid,
onClickCheckSquare = _ref.onClickCheckSquare,
onClickCheckClue = _ref.onClickCheckClue,
onClickCheckGrid = _ref.onClickCheckGrid;
return /*#__PURE__*/_react["default"].createElement(_reactBootstrap.ButtonGroup, {
"aria-label": "Toolbar"
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.DropdownButton, {
title: "Check"
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickCheckSquare
}, "Square"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickCheckClue
}, "Clue"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickCheckGrid
}, "Grid")), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.DropdownButton, {
title: "Reveal"
}, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickRevealSquare
}, "Square"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickRevealClue
}, "Clue"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Dropdown.Item, {
onClick: onClickRevealGrid
}, "Grid")));
}