@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 2.14 kB
JavaScript
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireDefault(require("styled-components")),_LoadingBubbler=_interopRequireDefault(require("../../../../dist/components/Loading/LoadingBubbler")),_styles=require("../styles"),_LoadingSpinnerAnimation=_interopRequireDefault(require("../LoadingSpinnerAnimation")),_excluded=["children","className","href","loading","loadWithContent","disabled","icon","iconDirection"],__jsx=_react["default"].createElement,StyledLinkButton=_styledComponents["default"].a.withConfig({displayName:"LinkButton__StyledLinkButton",componentId:"sc-1da3kgo-0"})(["",";display:inline-flex;justify-content:center;box-sizing:border-box;text-decoration:none;"],_styles.ButtonStyle),LinkButton=function(a){var b=a.children,c=a.className,d=a.href,e=a.loading,f=a.loadWithContent,g=a.disabled,h=a.icon,i=a.iconDirection,j=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(StyledLinkButton,(0,_extends2["default"])({className:c,href:d,disabled:e||g},j),e&&!f&&__jsx(_LoadingBubbler["default"],{absolute:!0,size:null!==j&&void 0!==j&&j.small?1:void 0}),__jsx(_styles.CenteredContentSpan,null,__jsx(_LoadingSpinnerAnimation["default"],{loading:e&&f}),__jsx(_styles.LoadingSpan,{isLoading:e,loadWithContent:f},h&&"left"===i&&__jsx(_styles.IconCLSContainer,(0,_extends2["default"])({iconDirection:i},j),__jsx("i",{className:h})),b,h&&"right"===i&&__jsx(_styles.IconCLSContainer,(0,_extends2["default"])({iconDirection:i},j),__jsx("i",{className:h})))))};LinkButton.defaultProps={className:void 0,primary:!0,secondary:!1,tertiary:!1,dark:!1,disabled:!1,large:!1,small:!1,medium:!0,fullWidth:!1,children:null,loading:!1,loadWithContent:!1,icon:"",iconDirection:"left"};var _default=LinkButton;exports["default"]=_default;