import React , { FC } from "react" ; import styled from "styled-components" ; interface Props { name : string ; fill ? : string ; stroke ? : string ; width ? : string ; height ? : string | number ; viewBox ? : string ; strokeWidth ? : string ; } export const NyxoLogo = ( { width = "80px" , fill = "none" , stroke = "none" , strokeWidth = "1.5" , viewBox = `0 0 ${ 600 } ${ 225 }` , } ) => { return ( < SVG width = { width } viewBox = { viewBox } version = "1.1" strokeWidth = { strokeWidth } fill = { fill } stroke = { stroke } xmlns = "http://www.w3.org/2000/svg" > < g id = "Logo" > < g transform = "translate(71.000000, 29.000000)" id = "Path" > < path d = "M417.066033,64.5579399 C417.066033,83.0464423 432.13495,98.0343348 450.723402,98.0343348 C453.507488,98.0343348 456.212622,97.6981178 458.8,97.0642794 C455.365455,120.224656 435.29952,138 411.059488,138 C384.406509,138 362.8,116.509668 362.8,90 C362.8,63.490332 384.406509,42 411.059488,42 C415.648886,42 420.088659,42.6371815 424.294259,43.8274535 C419.767698,49.5286327 417.066033,56.729479 417.066033,64.5579399 Z" stroke = "#4959D2" strokeWidth = "12" strokeLinecap = "round" strokeLinejoin = "round" > < /path> < path d = "M18,33.6 L18,137 C18,139.761424 15.7614237,142 13,142 L5,142 C2.23857625,142 3.38176876e-16,139.761424 0,137 L0,5 C-3.38176876e-16,2.23857625 2.23857625,5.07265313e-16 5,0 L11.5887092,0 C13.1122779,1.49648182e-15 14.5527154,0.694662722 15.5013228,1.88688977 L102,110.6 L102,110.6 L102,5.2 C102,2.43857625 104.238576,0.2 107,0.2 L115,0.2 C117.761424,0.2 120,2.43857625 120,5.2 L120,137 C120,139.761424 117.761424,142 115,142 L107.20174,142 C105.68361,142 104.247703,141.310265 103.298801,140.125231 L18,33.6 L18,33.6 Z" fill = "#4959D2" fillRule = "nonzero" > < /path> < path d = "M161.2,171 C161.2,171 161.2,171 161.2,171 C162.933342,171.133334 164.266662,171.2 165.2,171.2 C166.800008,171.2 168.233327,170.833337 169.5,170.1 C170.766673,169.366663 172.033327,167.933344 173.3,165.8 C174.566673,163.666656 175.999992,160.700019 177.6,156.9 C179.200008,153.099981 181.199988,148.133364 183.6,142 L141.753727,43.1594807 C140.892449,41.1251513 141.843396,38.7777981 143.877725,37.9165207 C144.371108,37.7076364 144.901427,37.6 145.437206,37.6 L154.896404,37.6 C156.529753,37.6 157.999025,38.59308 158.607995,40.1086609 L193.2,126.2 L193.2,126.2 L224.399526,40.8827764 C225.12049,38.9112519 226.996177,37.6 229.095391,37.6 L236.571438,37.6 C238.780577,37.6 240.571438,39.390861 240.571438,41.6 C240.571438,42.0919016 240.480707,42.5795842 240.303798,43.0385726 L191.6,169.4 L191.6,169.4 C189.733324,174.06669 186.633355,178.166649 182.3,181.7 C177.966645,185.233351 172.000038,187 164.4,187 C163.199994,187 161.966673,186.933334 160.7,186.8 C160.596508,186.789106 160.482169,186.775542 160.356983,186.759308 C157.865003,186.436146 156,184.313673 156,181.800827 L156,175.815336 C156.000028,173.148043 158.162296,170.985774 160.82959,170.985774 C160.953196,170.985774 161.076757,170.99052 161.2,171 Z" fill = "#4959D2" fillRule = "nonzero" > < /path> < path d = "M268.499551,39.6133834 L295.6,76 L295.6,76 L297.2,79.2 L299,76 L325.900963,39.6268674 C326.843791,38.3520576 328.335393,37.6 329.920973,37.6 L336.7,37.6 C339.27993,37.6 341.371376,39.6914463 341.371376,42.271376 C341.371376,43.2762516 341.047341,44.2543414 340.447374,45.0604518 L307,90 L307,90 L340.601737,134.573732 C342.14291,136.618145 341.734953,139.524837 339.69054,141.066009 C338.886483,141.672145 337.90693,142 336.9,142 L330.10262,142 C328.527359,142 327.044207,141.257647 326.100107,139.996646 L299,103.8 L299,103.8 L297.2,100.8 L295.6,103.8 L268.499893,139.996646 C267.555793,141.257647 266.072641,142 264.49738,142 L257.7,142 C255.139758,142 253.064273,139.924514 253.064273,137.364273 C253.064273,136.357342 253.392128,135.37779 253.998263,134.573732 L287.6,90 L287.6,90 L254.092921,44.9802319 C252.56912,42.9328685 252.993551,40.0378678 255.040914,38.5140668 C255.838357,37.9205504 256.805929,37.6 257.8,37.6 L264.489549,37.6 C266.069216,37.6 267.555979,38.3464892 268.499551,39.6133834 Z" fill = "#4959D2" fillRule = "nonzero" > < /path> < /g> < /g> < /SVG>); } ; const SVG = styled . svg `
  vertical-align: middle;
  margin-right: 5px;
` ;