@royyanbach-mhg-test/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.

import alertFilled from"./alertFilled";import alertGradient from"./alertGradient";import alertOutlined from"./alertOutlined";import alertGhost from"./alertGhost";import{propTypesVariant,propTypesColor}from"../../../types/components/alert";export var alert={defaultProps:{variant:"filled",color:"gray",icon:undefined,open:true,action:undefined,onClose:undefined,animate:{unmount:{},mount:{}},className:""},valid:{variants:propTypesVariant,colors: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,gradient:alertGradient,outlined:alertOutlined,ghost:alertGhost}}};export default alert;