v5gl-form-builder/lib/v5-form-builder-feature-template/tiles.js

Customise form builder from ecsite

"use strict";

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

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

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

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

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

var _core = require("@material-ui/core");

var V5Tiles = function V5Tiles(props) {
  (0, _objectDestructuringEmpty2["default"])(props);
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: (0, _defineProperty2["default"])({
      height: 54,
      borderRadius: '5px',
      boxShadow: "300ms",
      color: "rgba(0, 0, 0, 0.87)"
    }, "boxShadow", " 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)")
  }, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      padding: "10px",
      display: "flex",
      flexDirection: "column"
    }
  }, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      margin: "0 auto",
      color: "rgb(159, 159, 159)"
    }
  }, "Title Text"), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      margin: "0 auto",
      color: "rgb(33, 33, 33)",
      fontWeight: "bold"
    }
  }, "Text")));
};

var _default = V5Tiles;
exports["default"] = _default;