var Component=(()=>{var h=Object.create;var t=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var B=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),m=(l,e)=>{for(var r in e)t(l,r,{get:e[r],enumerable:!0})},c=(l,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of D(e))!y.call(l,a)&&a!==r&&t(l,a,{get:()=>e[a],enumerable:!(o=C(e,a))||o.enumerable});return l};var u=(l,e,r)=>(r=l!=null?h(A(l)):{},c(e||!l||!l.__esModule?t(r,"default",{value:l,enumerable:!0}):r,l)),x=l=>c(t({},"__esModule",{value:!0}),l);var d=B((v,s)=>{s.exports=_jsx_runtime});var b={};m(b,{default:()=>j,frontmatter:()=>f});var n=u(d()),f={title:"Card",description:"\uB2E4\uC591\uD558\uAC8C \uC0AC\uC6A9\uB420 \uC218 \uC788\uB294 \uCE74\uB4DC \uCEF4\uD3EC\uB10C\uD2B8.",component:!0};function i(l){let e=Object.assign({h3:"h3",a:"a",span:"span",div:"div",pre:"pre",code:"code"},l.components),{ComponentExample:r,CardDemo:o}=e;return o||p("CardDemo",!0),r||p("ComponentExample",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r,{src:"/components/examples/card/demo.tsx",children:(0,n.jsx)("div",{className:"max-w-[100%] w-full",children:(0,n.jsx)(o,{})})}),` `,(0,n.jsxs)(e.h3,{id:"\uCEF4\uD3EC\uB10C\uD2B8\uC758-\uAD6C\uC870",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#\uCEF4\uD3EC\uB10C\uD2B8\uC758-\uAD6C\uC870",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"\uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAD6C\uC870"]}),` `,(0,n.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(e.pre,{style:{backgroundColor:"#22272e"},tabIndex:"0","data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(e.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:"<"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"Card"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"CardHeader"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"CardTitle"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">Title"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"CardDescription"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">Description"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"CardContent"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">Content"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" "})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#8DDB8C"},children:"CardFooter"}),(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},children:">Footer"})]}),` `,(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#ADBAC7"},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 j=g;function p(l,e){throw new Error("Expected "+(e?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(b);})(); ;return Component;

Card

Card

컴포넌트의 구조