var Component=(()=>{var b=Object.create;var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var h=(j,c)=>()=>(c||j((c={exports:{}}).exports,c),c.exports),s=(j,c)=>{for(var a in c)i(j,a,{get:c[a],enumerable:!0})},e=(j,c,a,G)=>{if(c&&typeof c=="object"||typeof c=="function")for(let z of x(c))!F.call(j,z)&&z!==a&&i(j,z,{get:()=>c[z],enumerable:!(G=o(c,z))||G.enumerable});return j};var E=(j,c,a)=>(a=j!=null?b(Y(j)):{},e(c||!j||!j.__esModule?i(a,"default",{value:j,enumerable:!0}):a,j)),W=j=>e(i({},"__esModule",{value:!0}),j);var t=h((r,I)=>{I.exports=_jsx_runtime});var M={};s(M,{default:()=>R});var N=E(t());function P(j){let c={a:"a",code:"code",h2:"h2",pre:"pre",span:"span",...j.components},{ComponentPreview:a}=c;return a||l("ComponentPreview",!0),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(a,{name:"page-demo",className:"[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%] [&_.preview]:p-2 [&_.preview]:sm:p-10",description:"Components to construct a well-designed page layout."}),` `,(0,N.jsxs)(c.h2,{id:"usage",children:[(0,N.jsx)(c.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,N.jsx)(c.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,N.jsx)(c.pre,{filename:"example-usage.tsx",lineNumbers:!0,html:"PHByZSBjbGFzcz0ic2hpa2kgc2hpa2ktdGhlbWVzIHZlcmNlbC1saWdodCB2ZXJjZWwtZGFyayIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjstLXNoaWtpLWRhcmstYmc6I2ZmZmZmZjtjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojZWRlZGVkIiB0YWJpbmRleD0iMCI+PGNvZGU+PHNwYW4gY2xhc3M9ImxpbmUiPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4mI3gzQzs8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMwMDY4RDY7LS1zaGlraS1kYXJrOiM1MkE4RkYiPlBhZ2U8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj48L3NwYW4+PC9zcGFuPgo8c3BhbiBjbGFzcz0ibGluZSI+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPiAgJiN4M0M7PC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMDA2OEQ2Oy0tc2hpa2ktZGFyazojNTJBOEZGIj5QYWdlSGVhZGVyPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4+PC9zcGFuPjwvc3Bhbj4KPHNwYW4gY2xhc3M9ImxpbmUiPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4gICAgJiN4M0M7PC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMDA2OEQ2Oy0tc2hpa2ktZGFyazojNTJBOEZGIj5QYWdlUHJpbWFyeUJhcjwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzE3MTcxNzstLXNoaWtpLWRhcms6I0VERURFRCI+Pjwvc3Bhbj48L3NwYW4+CjxzcGFuIGNsYXNzPSJsaW5lIj48c3BhbiBzdHlsZT0iY29sb3I6IzE3MTcxNzstLXNoaWtpLWRhcms6I0VERURFRCI+ICAgICAgJiN4M0M7PC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMDA2OEQ2Oy0tc2hpa2ktZGFyazojNTJBOEZGIj5QYWdlVGl0bGU8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj5QYWdlJiN4M0M7Lzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzAwNjhENjstLXNoaWtpLWRhcms6IzUyQThGRiI+UGFnZVRpdGxlPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4+PC9zcGFuPjwvc3Bhbj4KPHNwYW4gY2xhc3M9ImxpbmUiPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4gICAgICAmI3gzQzs8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMwMDY4RDY7LS1zaGlraS1kYXJrOiM1MkE4RkYiPlBhZ2VBY3Rpb25zPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4+ezwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzY2NjY2NjstLXNoaWtpLWRhcms6I0ExQTFBMSI+LyogQWN0aW9ucyAqLzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzE3MTcxNzstLXNoaWtpLWRhcms6I0VERURFRCI+fSYjeDNDOy88L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMwMDY4RDY7LS1zaGlraS1kYXJrOiM1MkE4RkYiPlBhZ2VBY3Rpb25zPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4+PC9zcGFuPjwvc3Bhbj4KPHNwYW4gY2xhc3M9ImxpbmUiPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4gICAgJiN4M0M7Lzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzAwNjhENjstLXNoaWtpLWRhcms6IzUyQThGRiI+UGFnZVByaW1hcnlCYXI8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj48L3NwYW4+PC9zcGFuPgo8c3BhbiBjbGFzcz0ibGluZSI+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPiAgICAmI3gzQzs8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMwMDY4RDY7LS1zaGlraS1kYXJrOiM1MkE4RkYiPlBhZ2VTZWNvbmRhcnlCYXI8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj57PC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojNjY2NjY2Oy0tc2hpa2ktZGFyazojQTFBMUExIj4vKiBGaWx0ZXJzICovPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj59JiN4M0M7Lzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzAwNjhENjstLXNoaWtpLWRhcms6IzUyQThGRiI+UGFnZVNlY29uZGFyeUJhcjwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzE3MTcxNzstLXNoaWtpLWRhcms6I0VERURFRCI+Pjwvc3Bhbj48L3NwYW4+CjxzcGFuIGNsYXNzPSJsaW5lIj48c3BhbiBzdHlsZT0iY29sb3I6IzE3MTcxNzstLXNoaWtpLWRhcms6I0VERURFRCI+ICAmI3gzQzsvPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMDA2OEQ2Oy0tc2hpa2ktZGFyazojNTJBOEZGIj5QYWdlSGVhZGVyPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4+PC9zcGFuPjwvc3Bhbj4KPHNwYW4gY2xhc3M9ImxpbmUiPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj4gICYjeDNDOzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzAwNjhENjstLXNoaWtpLWRhcms6IzUyQThGRiI+UGFnZUJvZHk8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj57PC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojNjY2NjY2Oy0tc2hpa2ktZGFyazojQTFBMUExIj4vKiBDb250ZW50ICovPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjojMTcxNzE3Oy0tc2hpa2ktZGFyazojRURFREVEIj59JiN4M0M7Lzwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IzAwNjhENjstLXNoaWtpLWRhcms6IzUyQThGRiI+UGFnZUJvZHk8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj48L3NwYW4+PC9zcGFuPgo8c3BhbiBjbGFzcz0ibGluZSI+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPiYjeDNDOy88L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMwMDY4RDY7LS1zaGlraS1kYXJrOiM1MkE4RkYiPlBhZ2U8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiMxNzE3MTc7LS1zaGlraS1kYXJrOiNFREVERUQiPj48L3NwYW4+PC9zcGFuPjwvY29kZT48L3ByZT4=",children:(0,N.jsx)(c.code,{className:"language-tsx",children:` Page {/* Actions */} {/* Filters */} {/* Content */} `})})]})}function R(j={}){let{wrapper:c}=j.components||{};return c?(0,N.jsx)(c,{...j,children:(0,N.jsx)(P,{...j})}):P(j)}function l(j,c){throw new Error("Expected "+(c?"component":"object")+" `"+j+"` to be defined: you likely forgot to import, pass, or provide it.")}return W(M);})(); ;return Component;

Page

Tasks

Usage

Tasks