Transaction: 9XsuLAg...V9ve

{ "data": { "vfdao.near": { "widget": { "Components.Button": { "": "const getButtonBackground = () => {\n if (props.type === \"primary\") {\n if (props.disabled) {\n return \"#e5e5e5\";\n }\n return \"#fe5501\";\n } else if (props.type === \"secondary\") {\n // TODO: handle disabled\n return \"#FEF6EE\";\n } else if (props.type === \"tertiary\") {\n return \"white\";\n }\n};\nconst getButtonTextColor = () => {\n if (props.type === \"primary\") {\n if (props.disabled) {\n return \"darkgrey\";\n }\n return \"white\";\n } else if (props.type === \"secondary\") {\n return \"#2E2E2E\";\n }\n};\nconst tag = props.href ? \"a\" : \"button\";\nconst Button = styled[tag]`\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 16px 24px;\n background: ${getButtonBackground()};\n overflow: hidden;\n box-shadow: 0px -2.700000047683716px 0px #4a4a4a inset;\n border-radius: 6px;\n border: 1px solid #4a4a4a;\n gap: 8px;\n display: inline-flex;\n text-align: center;\n color: ${getButtonTextColor()};\n font-size: 14px;\n line-height: 16px;\n font-weight: 600;\n &:hover {\n text-decoration: none;\n cursor: ${props.disabled ? \"not-allowed\" : \"pointer\"};\n }\n`;\nconst Icon = styled.img`\n width: 20px;\n height: 20px;\n object-fit: contain;\n`;\nreturn (\n <Button\n onClick={(e) => {\n if (props.disabled || !props.onClick) return;\n if (props.stopPropagation) e.stopPropagation();\n e.preventDefault();\n props.onClick(e);\n }}\n href={props.href}\n style={{ ...props.style }}\n target={props.target}\n >\n {props.iconSrc && <Icon src={props.iconSrc} />}\n {props.text}\n </Button>\n);\n" } } } } }