import { c as create_ssr_component, v as validate_component, a as each, e as escape, s as spread, d as escape_attribute_value, f as escape_object } from './ssr-DX6yy04n.js';
import { T as Table, a as Table_header, b as Table_row, c as Table_head, d as Table_body, e as Table_cell } from './table-row-D2UDVzmh.js';
import { c as compute_rest_props } from './lifecycle-CPZ0ouVO.js';
import { B as Button, c as cn } from './button-DV8DKkH_.js';
import 'clsx';
import './index3-TIAgGdNz.js';
import { A as ArrowUpRight } from './arrow-up-right-BhevyjSf.js';
import 'tailwind-merge';
import 'tailwind-variants';
import './index2-CkEewRlU.js';
import './ssr2-BVSPLo1E.js';
import './Icon-DFquJFK5.js';

const Table_caption = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  let $$restProps = compute_rest_props($$props, ["class"]);
  let { class: className = void 0 } = $$props;
  if ($$props.class === void 0 && $$bindings.class && className !== void 0)
    $$bindings.class(className);
  return `<caption${spread(
    [
      {
        class: escape_attribute_value(cn("mt-4 text-sm text-muted-foreground", className))
      },
      escape_object($$restProps)
    ],
    {}
  )}>${slots.default ? slots.default({}) : ``}</caption>`;
});
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  let { data } = $$props;
  if ($$props.data === void 0 && $$bindings.data && data !== void 0)
    $$bindings.data(data);
  return `<div class="mx-auto w-full max-w-[1000px]">${validate_component(Button, "Button").$$render($$result, { size: "sm", class: "ml-auto gap-1" }, {}, {
    default: () => {
      return `Export as CSV
		${validate_component(ArrowUpRight, "ArrowUpRight").$$render($$result, { class: "h-4 w-4" }, {}, {})}`;
    }
  })} ${validate_component(Table, "Table.Root").$$render($$result, {}, {}, {
    default: () => {
      return `${validate_component(Table_caption, "Table.Caption").$$render($$result, {}, {}, {
        default: () => {
          return `A list of recent signups on your website.`;
        }
      })} ${validate_component(Table_header, "Table.Header").$$render($$result, {}, {}, {
        default: () => {
          return `${validate_component(Table_row, "Table.Row").$$render($$result, {}, {}, {
            default: () => {
              return `${validate_component(Table_head, "Table.Head").$$render($$result, { class: "max-w-[300px]" }, {}, {
                default: () => {
                  return `Email`;
                }
              })} ${validate_component(Table_head, "Table.Head").$$render($$result, { class: "text-end" }, {}, {
                default: () => {
                  return `Date and Time`;
                }
              })} ${validate_component(Table_head, "Table.Head").$$render($$result, { class: "text-end" }, {}, {
                default: () => {
                  return `Actions`;
                }
              })}`;
            }
          })}`;
        }
      })} ${validate_component(Table_body, "Table.Body").$$render($$result, {}, {}, {
        default: () => {
          return `${each(data.signups, (signup, i) => {
            return `${validate_component(Table_row, "Table.Row").$$render($$result, {}, {}, {
              default: () => {
                return `${validate_component(Table_cell, "Table.Cell").$$render(
                  $$result,
                  {
                    class: "max-w-[300px] overflow-hidden overflow-ellipsis text-nowrap"
                  },
                  {},
                  {
                    default: () => {
                      return `${escape(signup.email)}`;
                    }
                  }
                )} ${validate_component(Table_cell, "Table.Cell").$$render($$result, { class: "text-end" }, {}, {
                  default: () => {
                    return `${escape(new Date(signup.created_at).toLocaleString())}`;
                  }
                })}  `;
              }
            })}`;
          })}`;
        }
      })}`;
    }
  })}</div> `;
});

export { Page as default };
//# sourceMappingURL=_page.svelte-ChRvOOuf.js.map