@quillforms/block-editor/build/components/border-radius-templates/index.js

Quill forms block editor

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/click-events-have-key-events */

const BorderRadiusTemplates = ({
  onChange,
  attachmentBorderRadius
}) => {
  const arr = ['30% 70% 70% 30% / 30% 30% 70% 70%', '43% 57% 70% 30% / 37% 37% 63% 63%', '39% 56% 40% 60% / 50% 57% 33% 42%', '39% 61% 70% 30% / 70% 64% 36% 30%', '54% 46% 63% 37% / 52% 48% 52% 48%', '39% 61% 70% 30% / 54% 24% 76% 46%', '31% 69% 52% 48% / 67% 26% 74% 33%', '66% 34% 73% 27% / 39% 58% 42% 61%', '87% 12% 100% 10% / 54% 10% 43% 10%', '100% 1% 100% 73% / 91% 49% 77% 0%'];
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "block-editor-border-radius-templates",
    children: arr.map(template => {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: (0, _classnames.default)('block-editor-border-radius-template', {
          selected: template === attachmentBorderRadius
        }),
        onClick: () => {
          onChange(template);
        },
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          style: {
            borderRadius: template
          }
        })
      }, template);
    })
  });
};
var _default = exports.default = BorderRadiusTemplates;
//# sourceMappingURL=index.js.map