UNPKG

@madeja-studio/telar

Version:

UI component library by Madeja Studio

2 lines 1.69 kB
"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Icon=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _index=_interopRequireDefault(require("../../tailwind/index.js"));var _ThemeContextProvider=require("../../theme/ThemeContextProvider.js");var _index2=require("../Icon/index.js");var _Container=require("./Container.js");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["color","icon","iconTint","style","tint","variant"];var _this=void 0,_jsxFileName="/Users/sergio/Development/madeja.studio/telar/src/component/Button/Icon.tsx";var Icon=exports.Icon=function Icon(_ref){var _ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,icon=_ref.icon,iconTint=_ref.iconTint,style=_ref.style,tint=_ref.tint,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'contained':_ref$variant,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useTheme=(0,_ThemeContextProvider.useTheme)(),theme=_useTheme.theme;return(0,_jsxRuntime.jsx)(_Container.Container,Object.assign({style:[(0,_index.default)`min-size-press rounded-2xl center`,variant==='contained'?{backgroundColor:tint!=null?tint:theme.button.color[color].background}:{},variant==='outlined'?{borderColor:tint!=null?tint:theme.button.color[color].background,borderWidth:2}:{},style]},props,{children:(0,_jsxRuntime.jsx)(_index2.VectorIcon,{color:iconTint!=null?iconTint:variant==='contained'?theme.button.color[color].text:theme.button.color[color].background,icon:icon,size:24})}));}; //# sourceMappingURL=Icon.js.map