ponchojs
Version:
Poncho
3 lines (2 loc) • 1.1 kB
JavaScript
import{j as i,a as e,F as a}from"./emotion-react-jsx-runtime.esm-991ce217.js";import s,{memo as r}from"react";import n from"classnames";import{Button as c}from"./button.js";import"@material-ui/styles";const t=r((r=>{const{children:t,variant:d,title:l,onClick:o,btnText:m,loading:v,disabled:b,icon:g}=r,u=s.useCallback((()=>{var s=i(a,{children:[l&&e("h5",{children:l},void 0),e("div",Object.assign({className:n({"margin-20":!!g||!!m||!!l})},{children:t}),void 0),m&&o&&e(c,Object.assign({loading:v,disabled:b,onClick:o,variant:(()=>{switch(d){case"warning":case"danger":return"danger";case"success":return"success";default:return"primary"}})()},{children:m}),void 0)]},void 0);return g?i("div",Object.assign({className:"media"},{children:[e("div",Object.assign({className:"media-left"},{children:e("i",{className:`${g} fa-4x`},void 0)}),void 0),e("div",Object.assign({className:"media-body"},{children:s}),void 0)]}),void 0):s}),[m,o,v,l,g,d,t,b]);return e("div",Object.assign({className:`alert alert-${d||"info"}`},{children:u()}),void 0)}));export{t as Alert};
//# sourceMappingURL=alert.js.map