Transaction: Gka8WEF...4eQy

{ "data": { "manzanal.near": { "widget": { "LiquidStake.StakeResult": { "": "const stNEarIcon = (\n <svg\n width=\"18\"\n height=\"19\"\n viewBox=\"0 0 18 19\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.06863 18.336C13.8926 18.336 17.8046 14.424 17.8046 9.6C17.8046 4.776 13.8926 0.863999 9.06863 0.863999C4.24463 0.863999 0.332625 4.776 0.332625 9.6C0.332625 14.424 4.24463 18.336 9.06863 18.336ZM9.06863 14.208L4.38863 9.528L5.49263 8.4L9.06863 11.928L12.6206 8.4L13.7486 9.528L9.06863 14.208ZM9.06863 10.632L6.16463 7.752L7.29263 6.624L9.06863 8.424L10.8446 6.624L11.9726 7.752L9.06863 10.632ZM9.06863 7.128L7.94063 5.952L9.06863 4.848L10.1966 5.952L9.06863 7.128Z\"\n fill=\"#032131\"\n />\n </svg>\n);\nconst Input = styled.div`\n border-radius: 8px;\n background-color: #f5ffd1;\n line-height: 48px;\n font-family: \"Aeonik Fono\", Arial;\n color: #032131;\n font-size: 1.125rem;\n font-weight: 500;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n column-gap: 283px;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 16px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n column-gap: 283px;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 16px;\n `;\nconst Frame = styled.div`\n line-height: 18px;\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 16.9126px;\n margin-bottom: 56px;\n `;\nconst Title = styled.span`\n letter-spacing: 1px;\n margin-right: 34px;\n margin-top: 3px;\n margin-bottom: -2px;\n `;\nconst Frame1 = styled.div`\n font-family: \"Aeonik Mono\", Arial;\n font-size: 2rem;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n row-gap: 8px;\n margin-left: 4px;\n `;\nconst Frame2 = styled.div`\n display: flex;\n flex-direction: row;\n align-items: center;\n column-gap: 8px;\n `;\nconst Stnearcircle = styled.span`\n text-align: right;\n font-weight: 400;\n font-family: \"Meta Space Icons\", Arial;\n line-height: 32px;\n margin-left: 1px;\n margin-right: 2px;\n margin-top: 10px;\n margin-bottom: 10px;\n `;\nconst Num = styled.span`\n \n `;\nconst StNear = styled.span`\n text-align: right;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 18px;\n margin-left: 2px;\n margin-bottom: 5px;\n `;\nconst StNearIcon = styled.div`\n & svg {\n width: 29px;\n height: 32px;\n }\n\n`;\nreturn (\n <Input className={props.className || \"\"}>\n <Frame>\n <Title>You’ll get</Title>\n </Frame>\n <Frame1>\n <Frame2>\n <StNearIcon>{stNEarIcon}</StNearIcon>\n <Num>{props.amount || \"0.00\"}</Num>\n </Frame2>\n <StNear>stNEAR</StNear>\n </Frame1>\n </Input>\n);\n" } } } } }