libreria-ui/dist/Button/Button.js

Libreria UI de componentes creada por los Platzinautas de Rick Sanchez

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _templateObject,_Button$propTypes,_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=_interopRequireDefault(require("prop-types")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["className","bgColor","color","width","height","bgColorHover","colorHover","borderRadius"];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 buttonStyles=function(a,b,c,d,e,f,g){return(0,_css.css)(_templateObject||(_templateObject=(0,_taggedTemplateLiteral2["default"])(["\n    background-color: ",";\n    color: ",";\n    borderRadius: ",";\n    width: ",";\n    height: ",";\n    text-align: center;\n    &:hover{\n        background-color: ",";\n        color: ",";\n    }\n"])),a,b,g||"8px",c||"150px",d||"40px",e,f)},Button=/*#__PURE__*/(0,_react.forwardRef)(function(a,b){var c=a.className,d=a.bgColor,e=a.color,f=a.width,g=a.height,h=a.bgColorHover,i=a.colorHover,j=a.borderRadius,k=(0,_objectWithoutProperties2["default"])(a,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)("button",_objectSpread(_objectSpread({ref:b,type:"button"},k),{},{className:(0,_css.cx)(buttonStyles(d,e,f,g,h,i,j),c)}))});Button.propTypes=(_Button$propTypes={className:_propTypes["default"].string,bgColor:_propTypes["default"].string,color:_propTypes["default"].string,width:_propTypes["default"].string,height:_propTypes["default"].string},(0,_defineProperty2["default"])(_Button$propTypes,"bgColor",_propTypes["default"].string),(0,_defineProperty2["default"])(_Button$propTypes,"bgColorHover",_propTypes["default"].string),(0,_defineProperty2["default"])(_Button$propTypes,"colorHover",_propTypes["default"].string),_Button$propTypes);var _default=Button;exports["default"]=_default;