react-avatar-editor-v1
Version:
A React package that provides an easy-to-use avatar editor along with a customizable avatar display component.
24 lines • 2.06 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = HairMohawk;
const react_1 = __importDefault(require("react"));
const chroma_js_1 = __importDefault(require("chroma-js"));
function HairMohawk(props) {
const { color, colorRandom } = props;
const mainColor = colorRandom ? color : '#171921';
const subColor = colorRandom ? (0, chroma_js_1.default)(color).brighten(2).hex() : '#717376';
return (react_1.default.createElement("svg", { style: {
bottom: '40.8%',
width: '97.6%',
height: '63.5%',
left: '-1.8%'
}, width: "240", height: "203", viewBox: "0 0 240 203", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
react_1.default.createElement("path", { opacity: "0.35", d: "M187.986 80.1756C179.986 73.7756 166.153 73.1758 160.486 73.6758L152.486 47.1758C166.086 50.3758 184.486 71.1758 187.986 80.1756Z", fill: subColor, stroke: "black", strokeWidth: "2" }),
react_1.default.createElement("path", { d: "M85.7923 14.7636C85.7923 14.7636 91.5301 10.802 115.746 4.70097C139.963 -1.40007 148.792 0.983287 148.792 0.983287L160.581 73.815C160.581 73.815 152.542 73.6416 132.548 78.0085C112.555 82.3754 102.986 87.6748 102.986 87.6748L85.7923 14.7636Z", fill: mainColor, stroke: "black", strokeWidth: "2" }),
react_1.default.createElement("path", { d: "M48.9855 89.6758C42.1855 48.0758 72.3188 21.5091 85.9855 14.1758L102.985 87.6758C83.7855 48.0758 57.6521 72.5091 48.9855 89.6758Z", fill: mainColor, stroke: "black", strokeWidth: "2" }),
react_1.default.createElement("path", { opacity: "0.35", d: "M67.4855 133.675C60.2855 106.475 89.4855 91.8415 102.985 87.6749C95.9855 71.3415 79.9854 56.6749 60.4854 74.6756C42.4854 105.175 49.4855 128.676 54.9855 146.675L67.4855 133.675Z", fill: subColor, stroke: "black", strokeWidth: "2" })));
}
//# sourceMappingURL=mohawk.js.map