@material-tailwind/react/theme/components/alert/index.js

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{alert:function(){return alert},default:function(){return _default}});var _alertFilled=_interopRequireDefault(require("./alertFilled"));var _alertGradient=_interopRequireDefault(require("./alertGradient"));var _alertOutlined=_interopRequireDefault(require("./alertOutlined"));var _alertGhost=_interopRequireDefault(require("./alertGhost"));var _alert=require("../../../types/components/alert");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var alert={defaultProps:{variant:"filled",color:"gray",icon:undefined,open:true,action:undefined,onClose:undefined,animate:{unmount:{},mount:{}},className:""},valid:{variants:_alert.propTypesVariant,colors:_alert.propTypesColor},styles:{base:{alert:{position:"relative",display:"block",width:"w-full",fontFamily:"font-sans",fontSize:"text-base",fontWeight:"font-regular",px:"px-4",py:"py-4",borderRadius:"rounded-lg"},action:{position:"!absolute",top:"top-3",right:"right-3"}},variants:{filled:_alertFilled.default,gradient:_alertGradient.default,outlined:_alertOutlined.default,ghost:_alertGhost.default}}};var _default=alert;