1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports["default"] = exports.Zebra = void 0;
|
9 |
|
10 | var _react = _interopRequireDefault(require("react"));
|
11 |
|
12 | var Zebra = function Zebra(_ref) {
|
13 | var children = _ref.children,
|
14 | _ref$color = _ref.color,
|
15 | color = _ref$color === void 0 ? '#fcfcfc77' : _ref$color,
|
16 | _ref$border = _ref.border,
|
17 | border = _ref$border === void 0 ? 2 : _ref$border,
|
18 | _ref$colors = _ref.colors,
|
19 | colors = _ref$colors === void 0 ? ['#fcfcfc77', '#eeeeee77'] : _ref$colors,
|
20 | padding = _ref.padding,
|
21 | background = _ref.background;
|
22 | return _react["default"].createElement("div", {
|
23 | style: {
|
24 | background: "repeating-linear-gradient(45deg,".concat(colors[0], ",").concat(colors[0], " 10px,").concat(colors[1], " 0,").concat(colors[1], " 20px)"),
|
25 | outline: border && color ? "".concat(color, " dashed ").concat(border, "px") : null,
|
26 | padding: padding
|
27 | }
|
28 | }, _react["default"].createElement("div", {
|
29 | style: {
|
30 | background: background
|
31 | }
|
32 | }, children));
|
33 | };
|
34 |
|
35 | exports.Zebra = Zebra;
|
36 | var _default = Zebra;
|
37 | exports["default"] = _default;
|
38 |
|
\ | No newline at end of file |