@krowdy/kds-assets/background/DashedLine/DashedLine.js

React components that implement Google's Material Design.

"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 DashedLineSvg = function DashedLineSvg(_ref) {
  var width = _ref.width,
      height = _ref.height,
      color = _ref.color;
  var colorCustom = (0, _useGetColor["default"])({
    color: color
  });
  return /*#__PURE__*/_react["default"].createElement(_Svg["default"], {
    height: height,
    viewBox: "0 0 1322 259",
    width: width
  }, /*#__PURE__*/_react["default"].createElement("path", {
    d: "M1321.57 1C1321.57 5.23368 1319.37 8.99696 1315.77 11.1922L1102.89 133.969L890.013 256.746C888.288 257.843 886.249 258.314 884.21 258.314H575.127C568.697 258.314 563.522 253.139 563.522 246.71V168.779C563.522 162.35 558.347 157.176 551.918 157.176H212.255C204.885 157.176 197.671 155.294 191.242 151.688L0.5 42.4411",
    stroke: colorCustom,
    strokeDasharray: "5 5",
    strokeLinecap: "round",
    strokeMiterlimit: "10",
    strokeWidth: "0.7"
  }));
};

var _default = _react["default"].memo(DashedLineSvg);

exports["default"] = _default;