var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var m=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),F=(l,e)=>{for(var a in e)s(l,a,{get:e[a],enumerable:!0})},o=(l,e,a,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!C.call(l,r)&&r!==a&&s(l,r,{get:()=>e[r],enumerable:!(c=h(e,r))||c.enumerable});return l};var u=(l,e,a)=>(a=l!=null?p(E(l)):{},o(e||!l||!l.__esModule?s(a,"default",{value:l,enumerable:!0}):a,l)),_=l=>o(s({},"__esModule",{value:!0}),l);var t=m((N,d)=>{d.exports=_jsx_runtime});var f={};F(f,{default:()=>D,frontmatter:()=>A});var n=u(t()),A={title:"Panels",description:"A panel that displays a header, body and footer in a flexible and extensible content container",component:!0};function i(l){let e=Object.assign({h2:"h2",a:"a",span:"span",div:"div",pre:"pre",code:"code"},l.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(e.h2,{id:"installation",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,n.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(e.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npm install @brudi/react-panel `,__npmCommand__:`npm install @brudi/react-panel `,__yarnCommand__:`yarn add @brudi/react-panel `,__pnpmCommand__:`pnpm add @brudi/react-panel `,children:(0,n.jsx)(e.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#EA9A97"},children:"npm"}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#F6C177"},children:"install"}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#F6C177"},children:"@brudi/react-panel"})]})})})}),` `,(0,n.jsxs)(e.h2,{id:"usage",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,n.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(e.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { Card, CardBody, CardFooter, CardHeader } from '@brudi/react-panel' `,children:(0,n.jsx)(e.code,{"data-language":"tsx","data-theme":"default",children:(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:"import "}),(0,n.jsx)(e.span,{style:{color:"#908CAA"},children:"{"}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"Card"}),(0,n.jsx)(e.span,{style:{color:"#908CAA"},children:","}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CardBody"}),(0,n.jsx)(e.span,{style:{color:"#908CAA"},children:","}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CardFooter"}),(0,n.jsx)(e.span,{style:{color:"#908CAA"},children:","}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#E0DEF4",fontStyle:"italic"},children:"CardHeader"}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#908CAA"},children:"}"}),(0,n.jsx)(e.span,{style:{color:"#3E8FB0"},children:" from "}),(0,n.jsx)(e.span,{style:{color:"#F6C177"},children:"'@brudi/react-panel'"})]})})})}),` `,(0,n.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(e.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` Header Body Footer `,children:(0,n.jsxs)(e.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#9CCFD8"},children:"Card"}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#9CCFD8"},children:"CardHeader"}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" Header"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#9CCFD8"},children:"CardBody"}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" Body"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#9CCFD8"},children:"CardFooter"}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:">"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" Footer"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#E0DEF4"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:""})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#6E6A86"},children:""})]})]})})})]})}function g(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,Object.assign({},l,{children:(0,n.jsx)(i,l)})):i(l)}var D=g;return _(f);})(); ;return Component;