Receipt

); } `,children:(0,c.jsxs)(t.code,{"data-language":"tsx","data-theme":"github-dark",style:{display:"grid"},children:[(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"import"}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" { Building, DollarSign } "}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"from"}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:' "lucide-react"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"export"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:" default"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:" function"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" Receipt"}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:"() {"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#F97583"},children:" return"}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex min-h-48 w-52 flex-col gap-3 rounded-md border bg-background p-3 shadow-xl transition-shadow hover:shadow-sm dark:border-zinc-700"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex justify-between border-b pb-3 dark:border-zinc-700"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#79B8FF"},children:"Building"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"w-6 text-muted-foreground"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#79B8FF"},children:"DollarSign"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"w-6 text-blue-600"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full justify-between gap-2"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-1/2 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-4 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full justify-between gap-2"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-3/4 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-5 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full justify-between gap-2"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-1/2 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-4 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full justify-between gap-2"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-3/4 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-5 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"flex w-full justify-between gap-2"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-3/5 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"div"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"h-2 w-8 rounded-md bg-muted"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" />"})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:" "}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" <"}),(0,c.jsx)(t.span,{style:{color:"#85E89D"},children:"span"}),(0,c.jsx)(t.span,{style:{color:"#B392F0"},children:" className"}),(0,c.jsx)(t.span,{style:{color:"#F97583"},children:"="}),(0,c.jsx)(t.span,{style:{color:"#9ECBFF"},children:'"inline-block w-fit rounded-md bg-blue-600 px-2 py-1 text-center text-xs font-semibold text-white"'}),(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" Receipt"})}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsxs)(t.span,{className:"line","data-line":"",children:[(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:" );"})}),` `,(0,c.jsx)(t.span,{className:"line","data-line":"",children:(0,c.jsx)(t.span,{style:{color:"#E1E4E8"},children:"}"})})]})})})]}),(0,c.jsxs)(r,{copyId:"list",children:[(0,c.jsx)(hm,{}),(0,c.jsx)(t.figure,{"data-rehype-pretty-code-figure":"",children:(0,c.jsx)(t.pre,{style:{backgroundColor:"#24292e",color:"#e1e4e8"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark",__copyId__:"list",__rawString__:`export default function List() { return (

{Array.from({ length: 6 }).map((_, i) => (

))}

Report CSV

{Array.from({ length: 6 }).map((_, i) => (

))}

Skeleton overview

Credits