const size = props.size ?? 128; const ratio = 128 / 111; const height = size * ratio; const full = props.full ?? true; const Logo = styled.svg` .cls-1 { fill: #231f20; } .cls-2 { fill: #3a8dde; } `; const fullLogo = ( <Logo id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2286 567" > <g> <path class="cls-1" d="m633.88,162v107.32h130.27v-107.32h31.05v243h-31.05v-108.34h-130.27v108.34h-30.88v-243h30.88Z" /> <path class="cls-1" d="m963.78,157.28c72.05,0,121.16,45.56,121.16,126.22s-49.11,126.22-121.16,126.22-121.16-45.56-121.16-126.22,49.11-126.22,121.16-126.22Zm0,225.78c54.17,0,89.6-36.11,89.6-99.56s-35.44-99.56-89.6-99.56-89.6,36.11-89.6,99.56,35.44,99.56,89.6,99.56Z" /> <path class="cls-1" d="m1320.01,230.01c0,43.54-31.89,68.01-71.21,68.01h-41.85l111.37,101.92v5.06h-34.93l-116.94-107.66h-3.37v107.66h-30.54v-243h113.57c41.01,0,73.91,24.47,73.91,68Zm-78.3,43.03c28.18,0,48.26-14.68,48.26-42.36s-20.08-42.52-48.26-42.52h-78.64v84.88h78.64Z" /> <path class="cls-1" d="m1396.62,162v243h-31.05v-243h31.05Z" /> <path class="cls-1" d="m1628.82,162v22.44l-144.79,194.4h148.33v26.16h-188.15v-22.44l144.78-194.4h-139.55v-26.16h179.38Z" /> <path class="cls-1" d="m1777.66,157.28c72.05,0,121.16,45.56,121.16,126.22s-49.11,126.22-121.16,126.22-121.16-45.56-121.16-126.22,49.11-126.22,121.16-126.22Zm0,225.78c54.17,0,89.6-36.11,89.6-99.56s-35.44-99.56-89.6-99.56-89.6,36.11-89.6,99.56,35.44,99.56,89.6,99.56Z" /> <path class="cls-1" d="m1983.53,162l124.37,197.94h2.7v-197.94h29.87v243h-37.29l-124.2-197.94h-2.7v197.94h-29.87v-243h37.12Z" /> </g> <path class="cls-2" d="m401.9,445.63l-82.4-206,30.69,211.03c.7,4.79,4.81,8.35,9.65,8.35h33.01c6.9,0,11.61-6.97,9.05-13.37Zm-113.1,5.02l30.69-211.03-82.4,206c-2.56,6.4,2.15,13.37,9.05,13.37h33.01c4.84,0,8.95-3.55,9.65-8.35ZM457.95,108H181.05c-20.46,0-37.05,16.59-37.05,37.05v276.9c0,3.7.55,7.28,1.57,10.65,2.27,7.51,12.07,9.36,16.97,3.24l156.97-196.21,156.97,196.21c4.9,6.12,14.7,4.27,16.97-3.24,1.02-3.37,1.57-6.94,1.57-10.65V145.05c0-20.46-16.59-37.05-37.05-37.05Z" /> </Logo> ); const Icon = styled.svg` .cls-1 { fill: #3a8dde; } `; const iconOnly = ( <Icon id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 567 567" > <path class="cls-1" d="m365.9,445.63l-82.4-206,30.69,211.03c.7,4.79,4.81,8.35,9.65,8.35h33.01c6.9,0,11.61-6.97,9.05-13.37Zm-113.1,5.02l30.69-211.03-82.4,206c-2.56,6.4,2.15,13.37,9.05,13.37h33.01c4.84,0,8.95-3.55,9.65-8.35ZM421.95,108H145.05c-20.46,0-37.05,16.59-37.05,37.05v276.9c0,3.7.55,7.28,1.57,10.65,2.27,7.51,12.07,9.36,16.97,3.24l156.97-196.21,156.97,196.21c4.9,6.12,14.7,4.27,16.97-3.24,1.02-3.37,1.57-6.94,1.57-10.65V145.05c0-20.46-16.59-37.05-37.05-37.05Z" /> </Icon> ); return full ? fullLogo : iconOnly;