basico-libreriasui
Version:
Esta es una libreria en la que tu podras importar componentes de mi practica de platzi
1 lines • 2.81 kB
JavaScript
;var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _templateObject,_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_taggedTemplateLiteral2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral")),_react=require("react"),_css=require("@emotion/css"),_propTypes=require("prop-types"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["className","width","height","bgColor","flexDirection","alignContent","alignItems","justifyContent","gap"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){(0,_defineProperty2["default"])(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var ContainerFlexStyles=function(a,b,c,d,e,f,g,h){return(0,_css.css)(_templateObject||(_templateObject=(0,_taggedTemplateLiteral2["default"])(["\n width: ",";\n height: ",";\n display: flex;\n background-color: ",";\n flex-direction: ",";\n align-content: ",";\n align-items: ",";\n justify-content: ",";\n gap: ",";\n"])),a||"100%",b||"100%",c,d,e,f,g,h)},ContainerFlex=/*#__PURE__*/(0,_react.forwardRef)(function(a,b){var c=a.className,d=a.width,e=a.height,f=a.bgColor,g=a.flexDirection,h=a.alignContent,i=a.alignItems,j=a.justifyContent,k=a.gap,l=(0,_objectWithoutProperties2["default"])(a,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)("section",_objectSpread(_objectSpread({ref:b},l),{},{className:(0,_css.cx)(ContainerFlexStyles(d,e,f,g,h,i,j,k),c)}))});ContainerFlex.propTypes={width:_propTypes.PropTypes.string,height:_propTypes.PropTypes.string,bgColor:_propTypes.PropTypes.string,className:_propTypes.PropTypes.string,gap:_propTypes.PropTypes.string,flexDirection:_propTypes.PropTypes.oneOf(["column","column-reverse","row","row-reverse"]),alignContent:_propTypes.PropTypes.oneOf(["center","flex-start","flex-end","space-around","space-between","stretch"]),alignItems:_propTypes.PropTypes.oneOf(["center","flex-start","flex-end","stretch"]),justifyContent:_propTypes.PropTypes.oneOf(["center","flex-start","flex-end","space-around","space-between","space-evenly"])};var _default=ContainerFlex;exports["default"]=_default;