@nexusui/components/core/StatusBadge/StatusBadge.styles.js

These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.

const r={root:{borderRadius:1,px:2,padding:"4px 8px",svg:{width:"16px",height:"16px"},".MuiChip-label":{fontSize:"12px",fontWeight:"700",lineHeight:"16px",px:0},".MuiChip-icon":{marginLeft:"0",fill:"currentColor",color:"inherit",height:16,width:16,mr:1}},info:r=>({backgroundColor:"primary.50",color:"primary.main",...r.applyStyles("dark",{backgroundColor:"info.50",color:"primary.dark"}),"&.MuiChip-clickable:hover":{backgroundColor:"primary.100",...r.applyStyles("dark",{backgroundColor:"info.100"})}}),success:r=>({backgroundColor:"success.50",color:"success.700",...r.applyStyles("dark",{backgroundColor:"success.50"}),"&.MuiChip-clickable:hover":{backgroundColor:"success.100",...r.applyStyles("dark",{backgroundColor:"success.100"})}}),warning:r=>({backgroundColor:"warning.50",color:"warning.500",...r.applyStyles("dark",{backgroundColor:"warning.50"}),"&.MuiChip-clickable:hover":{backgroundColor:"warning.100",...r.applyStyles("dark",{backgroundColor:"warning.100"})}}),error:r=>({backgroundColor:"error.main",color:"error.contrastText",...r.applyStyles("dark",{backgroundColor:"error.main"}),"&.MuiChip-clickable:hover":{backgroundColor:"error.dark",...r.applyStyles("dark",{backgroundColor:"error.dark"})}})};export{r as styles};