@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 1.56 kB
JavaScript
;var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireDefault(require("styled-components")),__jsx=_react["default"].createElement,StyledHidden=_styledComponents["default"].div.withConfig({displayName:"Hidden__StyledHidden",componentId:"sc-1kx5olj-0"})(["@media (min-width:","px){display:",";}@media (min-width:","px){display:",";}@media (min-width:","px){display:",";}@media (min-width:","px){display:",";}@media (min-width:","px){display:",";}"],function(a){var b=a.theme;return b.breakpoints.xs},function(a){var b=a.xs,c=a.display;return b?"none":"".concat(c)},function(a){var b=a.theme;return b.breakpoints.sm},function(a){var b=a.sm,c=a.display;return b?"none":"".concat(c)},function(a){var b=a.theme;return b.breakpoints.md},function(a){var b=a.md,c=a.display;return b?"none":"".concat(c)},function(a){var b=a.theme;return b.breakpoints.lg},function(a){var b=a.lg,c=a.display;return b?"none":"".concat(c)},function(a){var b=a.theme;return b.breakpoints.xl},function(a){var b=a.xl,c=a.display;return b?"none":"".concat(c)}),Hidden=function(a){var b=a.children,c=a.className,d=a.display,e=a.xs,f=a.sm,g=a.md,h=a.lg,i=a.xl;return __jsx(StyledHidden,{className:c,display:d,xs:e,sm:f,md:g,lg:h,xl:i},b)};Hidden.defaultProps={children:null,className:void 0,display:"block",xs:!1,sm:!1,md:!1,lg:!1,xl:!1};var _default=Hidden;exports["default"]=_default;