@polygon.io/core
Version:
A set of themeable UI components for React
1 lines • 1.57 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")),_Grid=_interopRequireDefault(require("../Grid")),_GridItem=_interopRequireDefault(require("../GridItem")),_Container=_interopRequireDefault(require("../Container")),_Padding=_interopRequireDefault(require("../Padding")),__jsx=_react["default"].createElement,PlainButton=_styledComponents["default"].button.withConfig({displayName:"NavMobileHeader__PlainButton",componentId:"sc-1ffhsj7-0"})(["background:none;color:inherit;border:none;padding:0;font-size:",";cursor:pointer;outline:inherit;transition:none;"],function(a){var b=a.theme;return b.font.size.s5}),NavMobileHeader=function(a){var b=a.children,c=a.open,d=a.updateOpen;return __jsx(_Padding["default"],{y:"3"},__jsx(_Grid["default"],{columns:6,spacing:0,alignItems:"center"},__jsx(_GridItem["default"],{xs:6},__jsx(_Container["default"],{justifyContent:"space-between"},b,__jsx(_Container["default"],{alignContent:"center",alignItems:"center"},__jsx(PlainButton,{type:"button","aria-haspopup":"true","aria-expanded":c,"aria-label":"expandable-navigation",onClick:function onClick(){return d(!c)}},__jsx("i",{className:c?"fak fa-close":"fak fa-hamburger"})))))))};NavMobileHeader.defaultProps={children:null,open:!1,updateOpen:function updateOpen(){}};var _default=NavMobileHeader;exports["default"]=_default;