import styled from 'styled-components' ; export const PolygonSVG = styled . svg < { size : number ; } > `
  height: ${ ( { size } ) => `${ size }px` };
  margin-bottom: 10px;
` ; export const PolygonLogo = ( { size = 35 } ) => ( < PolygonSVG size = { size } x = "0px" y = "0px" viewBox = "0 0 38.4 33.5" fill = "none" xmlns = "http://www.w3.org/2000/svg" > < path d = "M29,10.2c-0.7-0.4-1.6-0.4-2.4,0L21,13.5l-3.8,2.1l-5.5,3.3c-0.7,0.4-1.6,0.4-2.4,0L5,16.3 c - 0.7 - 0.4 - 1.2 - 1.2 - 1.2 - 2.1 v - 5 c0 - 0.8 , 0.4 - 1.6 , 1.2 - 2.1 l4 .3 - 2.5 c0 .7 - 0.4 , 1.6 - 0.4 , 2.4 , 0 L16 , 7.2 c0 .7 , 0.4 , 1.2 , 1.2 , 1.2 , 2.1 v3 .3 l3 .8 - 2.2 V7 c0 - 0.8 - 0.4 - 1.6 - 1.2 - 2.1 l - 8 - 4.7 c - 0.7 - 0.4 - 1.6 - 0.4 - 2.4 , 0 L1 .2 , 5 C0 .4 , 5.4 , 0 , 6.2 , 0 , 7 v9 .4 c0 , 0.8 , 0.4 , 1.6 , 1.2 , 2.1 l8 .1 , 4.7 c0 .7 , 0.4 , 1.6 , 0.4 , 2.4 , 0 l5 .5 - 3.2 l3 .8 - 2.2 l5 .5 - 3.2 c0 .7 - 0.4 , 1.6 - 0.4 , 2.4 , 0 l4 .3 , 2.5 c0 .7 , 0.4 , 1.2 , 1.2 , 1.2 , 2.1 v5c0 , 0.8 - 0.4 , 1.6 - 1.2 , 2.1 L29 , 28.8 c - 0.7 , 0.4 - 1.6 , 0.4 - 2.4 , 0 l - 4.3 - 2.5 c - 0.7 - 0.4 - 1.2 - 1.2 - 1.2 - 2.1 V21l - 3.8 , 2.2 v3 .3 c0 , 0.8 , 0.4 , 1.6 , 1.2 , 2.1 l8 .1 , 4.7 c0 .7 , 0.4 , 1.6 , 0.4 , 2.4 , 0 l8 .1 - 4.7 c0 .7 - 0.4 , 1.2 - 1.2 , 1.2 - 2.1 V17c0 - 0.8 - 0.4 - 1.6 - 1.2 - 2.1 L29 , 10.2 z " fill=" # 8247E5 "/> < /PolygonSVG>);