import{Bt as e,It as t,Lt as n,Qt as r,Vt as i,Xt as a,qt as o}from"./index-qNrWYJXL.js";var s={__name:`Alerts`,setup(s){let c=()=>{console.log(`👋 Well, hi there! Thanks for dismissing me.`)};return(s,l)=>{let u=a(`DocsComponents`),d=a(`CCardHeader`),f=a(`CAlert`),p=a(`DocsExample`),m=a(`CCardBody`),h=a(`CCard`),g=a(`CCol`),_=a(`CAlertLink`),v=a(`CAlertHeading`),y=a(`CRow`);return o(),n(y,null,{default:r(()=>[i(g,{xs:12},{default:r(()=>[i(u,{href:`components/alert.html`}),i(h,{class:`mb-4`},{default:r(()=>[i(d,null,{default:r(()=>[...l[1]||=[t(`strong`,null,`Vue Alert`,-1)]]),_:1}),i(m,null,{default:r(()=>[l[10]||=t(`p`,{class:`text-body-secondary small`},[e(` Vue Alert is prepared for any length of text, as well as an optional close button. For a styling, use one of the `),t(`strong`,null,`required`),e(` contextual `),t(`code`,null,`color`),e(` props (e.g., `),t(`code`,null,`primary`),e(`). For inline dismissal, use the `),t(`a`,{href:`https://coreui.io/vue/docs/components/alert.html#dismissing`},` dismissing prop `),e(` . `)],-1),i(p,{href:`components/alert.html`},{default:r(()=>[i(f,{color:`primary`},{default:r(()=>[...l[2]||=[e(`A simple primary alert—check it out!`,-1)]]),_:1}),i(f,{color:`secondary`},{default:r(()=>[...l[3]||=[e(`A simple secondary alert—check it out!`,-1)]]),_:1}),i(f,{color:`success`},{default:r(()=>[...l[4]||=[e(`A simple success alert—check it out!`,-1)]]),_:1}),i(f,{color:`danger`},{default:r(()=>[...l[5]||=[e(`A simple danger alert—check it out!`,-1)]]),_:1}),i(f,{color:`warning`},{default:r(()=>[...l[6]||=[e(`A simple warning alert—check it out!`,-1)]]),_:1}),i(f,{color:`info`},{default:r(()=>[...l[7]||=[e(`A simple info alert—check it out!`,-1)]]),_:1}),i(f,{color:`light`},{default:r(()=>[...l[8]||=[e(`A simple light alert—check it out!`,-1)]]),_:1}),i(f,{color:`dark`},{default:r(()=>[...l[9]||=[e(`A simple dark alert—check it out!`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),i(g,{xs:12},{default:r(()=>[i(h,{class:`mb-4`},{default:r(()=>[i(d,null,{default:r(()=>[...l[11]||=[t(`strong`,null,`Vue Alert`,-1),e(),t(`small`,null,`Link color`,-1)]]),_:1}),i(m,null,{default:r(()=>[l[36]||=t(`p`,{class:`text-body-secondary small`},[e(` Use the `),t(`code`,null,`<CAlertLink>`),e(` component to immediately give matching colored links inside any alert. `)],-1),i(p,{href:`components/alert.html#link-color`},{default:r(()=>[i(f,{color:`primary`},{default:r(()=>[l[13]||=e(` A simple primary alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[12]||=[e(`an example link`,-1)]]),_:1}),l[14]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`secondary`},{default:r(()=>[l[16]||=e(` A simple secondary alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[15]||=[e(`an example link`,-1)]]),_:1}),l[17]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`success`},{default:r(()=>[l[19]||=e(` A simple success alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[18]||=[e(`an example link`,-1)]]),_:1}),l[20]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`danger`},{default:r(()=>[l[22]||=e(` A simple danger alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[21]||=[e(`an example link`,-1)]]),_:1}),l[23]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`warning`},{default:r(()=>[l[25]||=e(` A simple warning alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[24]||=[e(`an example link`,-1)]]),_:1}),l[26]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`info`},{default:r(()=>[l[28]||=e(` A simple info alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[27]||=[e(`an example link`,-1)]]),_:1}),l[29]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`light`},{default:r(()=>[l[31]||=e(` A simple light alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[30]||=[e(`an example link`,-1)]]),_:1}),l[32]||=e(`. Give it a click if you like. `,-1)]),_:1}),i(f,{color:`dark`},{default:r(()=>[l[34]||=e(` A simple dark alert with `,-1),i(_,{href:`#`},{default:r(()=>[...l[33]||=[e(`an example link`,-1)]]),_:1}),l[35]||=e(`. Give it a click if you like. `,-1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),i(g,{xs:12},{default:r(()=>[i(h,{class:`mb-4`},{default:r(()=>[i(d,null,{default:r(()=>[...l[37]||=[t(`strong`,null,`Vue Alert`,-1),e(),t(`small`,null,`Additional content`,-1)]]),_:1}),i(m,null,{default:r(()=>[l[42]||=t(`p`,{class:`text-body-secondary small`},` Alert can also incorporate supplementary components & elements like heading, paragraph, and divider. `,-1),i(p,{href:`components/alert.html#additional-content`},{default:r(()=>[i(f,{color:`success`},{default:r(()=>[i(v,{tag:`h4`},{default:r(()=>[...l[38]||=[e(`Well done!`,-1)]]),_:1}),l[39]||=t(`p`,null,` Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content. `,-1),l[40]||=t(`hr`,null,null,-1),l[41]||=t(`p`,{class:`mb-0`},` Whenever you need to, be sure to use margin utilities to keep things nice and tidy. `,-1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),i(g,{xs:12},{default:r(()=>[i(h,{class:`mb-4`},{default:r(()=>[i(d,null,{default:r(()=>[...l[43]||=[t(`strong`,null,`Vue Alert`,-1),e(),t(`small`,null,`Dismissing`,-1)]]),_:1}),i(m,null,{default:r(()=>[l[45]||=t(`p`,{class:`text-body-secondary small`},[e(` Alerts can also be easily dismissed. Just add the `),t(`code`,null,`dismissible`),e(` prop. `)],-1),i(p,{href:`components/alert.html#dismissing`},{default:r(()=>[i(f,{color:`warning`,dismissible:``,onClose:l[0]||=e=>c()},{default:r(()=>[...l[44]||=[t(`strong`,null,`Go right ahead`,-1),e(` and click that dimiss over there on the right. `,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}}};export{s as default};