storybook-react-geekshubs/dist/components/Icons/2-Icons.stories.js

Creation and curation of hight quality react components.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports._Fail=exports._Check=exports._SpinnerStyles=exports._SpinnerAdjustSizeToFather=exports._Spinner=exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _Spinner2=_interopRequireDefault(require("./Spinner"));var _Check2=_interopRequireDefault(require("./Check"));var _Fail2=_interopRequireDefault(require("./Fail"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var Wrapper=_styledComponents.default.div.withConfig({displayName:"sc-2-Iconsstories__Wrapper",componentId:"sc-1lwkb8r-0"})(["display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:black;box-sizing:border-box;min-height:90vh;& > *{height:60px;width:60px;}"]);var decorator=function decorator(storyFn){return _react.default.createElement(Wrapper,null,storyFn())};var _default={title:"Components|Icons",decorators:[decorator]};exports.default=_default;var _Spinner=function _Spinner(){return _react.default.createElement(_Spinner2.default,null)};exports._Spinner=_Spinner;var _SpinnerAdjustSizeToFather=function _SpinnerAdjustSizeToFather(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{style:{color:"#999",width:"50px",background:"black"}},_react.default.createElement(_Spinner2.default,null)),_react.default.createElement("br",null),_react.default.createElement("div",{style:{color:"blue",height:"30px",background:"#aaa"}},_react.default.createElement(_Spinner2.default,null)),_react.default.createElement("br",null),_react.default.createElement("div",{style:{color:"tomato",height:"30px",width:"150px",background:"#444"}},_react.default.createElement(_Spinner2.default,null)),_react.default.createElement("br",null),_react.default.createElement("div",{style:{color:"tomato",height:"60px",width:"30px",background:"#444"}},_react.default.createElement(_Spinner2.default,null)))};exports._SpinnerAdjustSizeToFather=_SpinnerAdjustSizeToFather;var _SpinnerStyles=function _SpinnerStyles(){return _react.default.createElement(_Spinner2.default,{style:{color:"blue",width:"160px",background:"red"}})};exports._SpinnerStyles=_SpinnerStyles;var _Check=function _Check(){return _react.default.createElement(_Check2.default,null)};exports._Check=_Check;var _Fail=function _Fail(){return _react.default.createElement(_Fail2.default,null)};exports._Fail=_Fail;