@krowdy/kds-assets
Version:
React components that implement Google's Material Design.
109 lines (101 loc) • 12.2 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _Svg = _interopRequireDefault(require("../../../Svg"));
var _useGetColor = _interopRequireDefault(require("../../../useGetColor"));
var BannerSvg = function BannerSvg(_ref) {
var _ref$width = _ref.width,
width = _ref$width === void 0 ? 226 : _ref$width,
_ref$height = _ref.height,
height = _ref$height === void 0 ? 1366 : _ref$height,
color = _ref.color;
var colorCustom = (0, _useGetColor["default"])({
color: color
});
return /*#__PURE__*/_react["default"].createElement(_Svg["default"], {
fill: "none",
height: height,
viewBox: '0 0 1366 226',
width: width
}, /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#clip0_525_13997)",
opacity: "0.2"
}, /*#__PURE__*/_react["default"].createElement("rect", {
fill: "white",
fillOpacity: "0.01",
height: height,
width: width
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M1117.11 106.321L1117.11 106.323C1120.34 109.394 1125.34 109.263 1128.33 106.091C1128.33 106.09 1128.33 106.09 1128.33 106.09L1154.89 77.7332L1154.89 77.7313C1157.87 74.5606 1157.7 69.5087 1154.47 66.4272C1154.46 66.4269 1154.46 66.4266 1154.46 66.4263L1133.4 46.4586L1133.4 46.4567C1130.17 43.3857 1125.16 43.5174 1122.18 46.6893C1122.18 46.6896 1122.18 46.6899 1122.18 46.6902L1095.63 75.0414C1095.63 75.0423 1095.63 75.0431 1095.62 75.044C1092.66 78.2553 1092.84 83.3098 1096.04 86.3518C1096.04 86.3519 1096.04 86.3519 1096.04 86.352C1096.04 86.3521 1096.04 86.3522 1096.04 86.3523L1117.11 106.321Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M243.99 110.736L243.992 110.738C247.556 114.131 253.092 113.987 256.39 110.48C256.391 110.48 256.391 110.479 256.391 110.479L285.362 79.5446L285.364 79.5427C288.661 76.0372 288.471 70.4549 284.898 67.0518C284.898 67.0515 284.898 67.0513 284.897 67.051L261.918 45.2679L261.916 45.266C258.352 41.8733 252.817 42.0174 249.518 45.5242C249.518 45.5245 249.517 45.5248 249.517 45.5251L220.551 76.4543C220.55 76.4552 220.549 76.4561 220.548 76.4569C217.266 80.0064 217.468 85.5915 221.009 88.952L243.99 110.736Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M783.799 17.0453L783.801 17.047C785.532 18.4287 787.994 18.1409 789.324 16.4543C789.325 16.4538 789.325 16.4534 789.326 16.4529L802.843 -0.772758L802.845 -0.774775C804.173 -2.4603 803.882 -4.95087 802.14 -6.34219C802.14 -6.34245 802.139 -6.34271 802.139 -6.34297L789.332 -16.5191L789.329 -16.5208C787.598 -17.9027 785.136 -17.6146 783.806 -15.9276C783.805 -15.9273 783.805 -15.927 783.805 -15.9267L770.292 1.29318C770.291 1.29409 770.29 1.295 770.29 1.29591C768.966 3.00704 769.27 5.49898 770.989 6.86746C770.989 6.86753 770.989 6.86761 770.99 6.86768C770.99 6.86776 770.99 6.86784 770.99 6.86793L783.799 17.0453Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M602.103 77.1352L602.105 77.1336C603.876 75.8036 604.214 73.3481 602.914 71.6378C602.913 71.6373 602.913 71.6369 602.913 71.6364L589.62 54.2363L589.619 54.2343C588.319 52.5262 585.835 52.1843 584.052 53.5226C584.052 53.5229 584.052 53.5231 584.051 53.5234L570.992 63.375L570.99 63.3767C569.219 64.7068 568.881 67.1626 570.182 68.873C570.182 68.8733 570.182 68.8736 570.182 68.8739L583.47 86.2681C583.471 86.269 583.472 86.27 583.472 86.2709C584.797 87.9813 587.286 88.3107 589.042 86.9885C589.042 86.9885 589.042 86.9884 589.042 86.9883C589.042 86.9882 589.042 86.9882 589.042 86.9881L602.103 77.1352Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M1259.74 158.269L1259.74 158.267C1261.21 157.117 1261.54 154.733 1260.2 152.905C1260.2 152.905 1260.2 152.905 1260.2 152.904L1247.3 135.316L1247.3 135.314C1245.98 133.513 1243.75 133.221 1242.31 134.349C1242.31 134.349 1242.31 134.349 1242.31 134.35L1230.65 143.533L1230.65 143.535C1229.18 144.684 1228.85 147.069 1230.19 148.897C1230.19 148.897 1230.19 148.897 1230.19 148.898L1243.08 166.48C1243.08 166.481 1243.08 166.482 1243.08 166.483C1244.42 168.287 1246.66 168.567 1248.08 167.454L1259.74 158.269Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M935.652 190.083L935.654 190.082L959.263 178.295L935.652 190.083ZM935.652 190.083C932.08 191.856 930.66 196.108 932.413 199.586C932.413 199.587 932.413 199.587 932.413 199.587L948.38 231.09L948.381 231.093M935.652 190.083L948.381 231.093M948.381 231.093C950.134 234.569 954.434 235.975 958.018 234.196C958.019 234.196 958.019 234.196 958.019 234.196L981.627 222.409L981.629 222.408M948.381 231.093L981.629 222.408M981.629 222.408C985.2 220.635 986.621 216.383 984.868 212.905M981.629 222.408L984.868 212.905M984.868 212.905C984.867 212.904 984.867 212.904 984.867 212.904M984.868 212.905L984.867 212.904M984.867 212.904L968.904 181.407C968.903 181.406 968.903 181.405 968.902 181.404C967.111 177.925 962.804 176.53 959.263 178.294L984.867 212.904Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M1048.47 274.108L1048.46 274.109C1045.57 275.56 1042.13 274.406 1040.73 271.578C1040.73 271.578 1040.73 271.577 1040.73 271.577L1027.66 244.987L1027.66 244.985C1026.27 242.159 1027.45 238.685 1030.35 237.227C1030.35 237.227 1030.35 237.227 1030.35 237.227L1050.16 227.346L1050.16 227.345C1053.05 225.894 1056.5 227.048 1057.89 229.876C1057.89 229.876 1057.89 229.876 1057.89 229.877L1070.96 256.46C1070.96 256.461 1070.96 256.462 1070.96 256.463C1072.34 259.318 1071.14 262.79 1068.27 264.226C1068.27 264.226 1068.27 264.226 1068.27 264.226C1068.27 264.226 1068.27 264.226 1068.27 264.226L1048.47 274.108Z",
fill: colorCustom,
stroke: colorCustom,
strokeWidth: "2.48273"
}), /*#__PURE__*/_react["default"].createElement("path", {
clipRule: "evenodd",
d: "M921.141 42.629C918.672 38.4747 914.158 35.9482 909.322 36.0134L896.947 36.1801L884.572 36.3469C879.736 36.4121 875.291 39.0601 872.935 43.2807L860.85 64.89C858.483 69.1187 858.553 74.2837 861.033 78.4471L867.364 89.085L873.696 99.7249C876.166 103.879 880.68 106.406 885.515 106.341L910.266 106.007C915.102 105.942 919.535 103.304 921.901 99.0764L927.945 88.2696L933.988 77.4639L933.988 77.4628C936.354 73.2347 936.285 68.0707 933.806 63.908L933.805 63.9069L927.474 53.2689L921.143 42.631L921.142 42.63L921.141 42.629ZM909.416 42.9761C911.765 42.9444 913.96 44.1751 915.156 46.1883L921.489 56.8288L927.822 67.4692L927.822 67.4703C929.029 69.4957 929.063 72.0058 927.911 74.0629L921.868 84.8697L915.825 95.6754C914.673 97.7333 912.52 99.0126 910.172 99.0443L885.421 99.3778C883.073 99.4095 880.878 98.1788 879.681 96.1656L867.015 74.8836C865.809 72.8582 865.775 70.3482 866.926 68.291L879.014 46.6754C880.156 44.6306 882.318 43.3413 884.666 43.3096L897.041 43.1429L909.416 42.9761Z",
fill: colorCustom,
fillRule: "evenodd"
}), /*#__PURE__*/_react["default"].createElement("path", {
clipRule: "evenodd",
d: "M161.636 172.8C161.363 167.974 158.526 163.649 154.207 161.474L143.153 155.908L132.099 150.342C127.779 148.166 122.614 148.463 118.575 151.118L97.8777 164.706C93.8258 167.364 91.5026 171.978 91.7798 176.816L92.4836 189.175L93.1876 201.537C93.46 206.362 96.2973 210.687 100.616 212.862L122.724 223.995C127.044 226.17 132.194 225.878 136.245 223.22L146.596 216.425L156.946 209.63L156.947 209.63C160.998 206.972 163.32 202.359 163.044 197.522L163.043 197.521L162.34 185.161L161.636 172.802L161.636 172.801L161.636 172.8ZM151.075 167.694C153.173 168.75 154.552 170.855 154.684 173.193L155.387 185.556L156.091 197.918L156.092 197.919C156.226 200.273 155.097 202.515 153.126 203.808L142.776 210.603L132.426 217.398C130.454 218.691 127.954 218.832 125.856 217.776L103.748 206.643C101.651 205.587 100.271 203.481 100.14 201.143L98.7318 176.417C98.5969 174.064 99.7259 171.822 101.697 170.529L122.4 156.937C124.357 155.65 126.87 155.505 128.967 156.561L140.021 162.127L151.075 167.694Z",
fill: colorCustom,
fillRule: "evenodd"
}), /*#__PURE__*/_react["default"].createElement("path", {
clipRule: "evenodd",
d: "M450.848 -27.9663C445.486 -29.4073 439.745 -27.87 435.817 -23.9416L425.762 -13.8873L415.708 -3.83305C411.779 0.09597 410.242 5.83787 411.684 11.2009L419.052 38.6747C420.492 44.0526 424.689 48.2489 430.067 49.6891L443.803 53.3732L457.543 57.058C462.905 58.4989 468.646 56.9616 472.574 53.0332L492.683 32.9247C496.612 28.9956 498.148 23.2717 496.708 17.8948L493.023 4.15517L489.339 -9.58302L489.338 -9.58444C487.898 -14.9612 483.702 -19.1566 478.326 -20.597L478.324 -20.5974L464.587 -24.2815L450.85 -27.9656L450.849 -27.966L450.848 -27.9663ZM441.473 -18.2847C443.381 -20.1926 446.175 -20.9388 448.773 -20.2401L462.513 -16.5551L476.253 -12.8701L476.255 -12.8697C478.871 -12.1691 480.91 -10.1298 481.611 -7.51357L485.296 6.22604L488.98 19.9642C489.681 22.5814 488.934 25.36 487.026 27.2679L466.917 47.3764C465.01 49.2842 462.216 50.0304 459.618 49.3317L432.136 41.9614C429.52 41.2608 427.481 39.2215 426.78 36.6052L419.41 9.12345C418.711 6.52522 419.457 3.73167 421.365 1.8238L431.419 -8.23045L441.473 -18.2847Z",
fill: colorCustom,
fillRule: "evenodd"
}), /*#__PURE__*/_react["default"].createElement("path", {
clipRule: "evenodd",
d: "M1311.35 16.3766C1307.06 20.9792 1305.56 27.5119 1307.41 33.5243L1317.25 65.6459C1319.08 71.6433 1324 76.2216 1330.11 77.6284L1362.84 85.1571C1368.96 86.5641 1375.36 84.6042 1379.65 80.0023L1402.54 55.4056L1402.54 55.4045C1406.82 50.8023 1409.01 44.6437 1407.17 38.6317L1396.64 6.13526C1394.81 0.136583 1389.89 -4.44022 1383.78 -5.8472L1351.04 -13.376C1344.93 -14.7828 1338.51 -12.8116 1334.24 -8.21817L1311.35 16.3756L1311.35 16.3766ZM1314.91 31.2226C1313.89 27.8911 1314.72 24.2743 1317.09 21.7242L1339.99 -2.8755C1342.34 -5.4129 1345.9 -6.50595 1349.28 -5.72755L1382.02 1.80123C1385.4 2.57963 1388.12 5.11814 1389.13 8.43084L1398.98 40.5586C1400 43.8901 1399.17 47.5068 1396.79 50.057L1373.9 74.6537L1373.9 74.6547C1371.53 77.2048 1367.99 78.287 1364.6 77.5087L1331.87 69.9799C1328.49 69.2015 1325.77 66.6646 1324.75 63.3519L1319.83 47.2867L1317.37 39.2553L1314.91 31.2226Z",
fill: colorCustom,
fillRule: "evenodd"
}), /*#__PURE__*/_react["default"].createElement("path", {
clipRule: "evenodd",
d: "M-25.6498 6.37662C-29.9354 10.9792 -31.4378 17.5119 -29.5933 23.5243L-19.7515 55.6459C-17.9174 61.6433 -13.0044 66.2216 -6.88835 67.6284L25.8432 75.1571C31.9601 76.5641 38.3612 74.6042 42.6468 70.0023L65.5361 45.4056L65.5371 45.4045C69.8223 40.8023 72.0139 34.6437 70.1701 28.6317L59.6395 -3.86474C57.8061 -9.86342 52.8925 -14.4402 46.7756 -15.8472L14.0441 -23.376C7.92809 -24.7828 1.50778 -22.8116 -2.76235 -18.2182L-25.6489 6.37557L-25.6498 6.37662ZM-22.0899 21.2226C-23.1119 17.8911 -22.2804 14.2743 -19.9055 11.7242L2.98651 -12.8755C5.34463 -15.4129 8.90072 -16.5059 12.2848 -15.7275L45.0164 -8.19877C48.4005 -7.42037 51.1207 -4.88186 52.1332 -1.56916L61.9776 30.5586C62.9996 33.8901 62.1677 37.5068 59.7928 40.057L36.9035 64.6537L36.9025 64.6547C34.527 67.2048 30.986 68.287 27.6024 67.5087L-5.12909 59.9799C-8.51321 59.2015 -11.2343 56.6646 -12.2469 53.3519L-17.1687 37.2867L-19.6293 29.2553L-22.0899 21.2226Z",
fill: colorCustom,
fillRule: "evenodd"
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "clip0_525_13997"
}, /*#__PURE__*/_react["default"].createElement("rect", {
fill: "white",
height: height,
width: width
}))));
};
var _default = _react["default"].memo(BannerSvg);
exports["default"] = _default;