import { A } from '@solidjs/router';
import AdminShell from '~/components/AdminShell';

export default function AdminIndex() {
  return (
    <AdminShell>
      <h1 class="page-title">Admin Builder</h1>
      <p class="page-subtitle">Pick what you want to configure.</p>
      <section class="card">
        <div class="actions">
          <A class="btn primary" href="/admin/runtime-roles/new">Create Role</A>
          <A class="btn" href="/admin/runtime-roles">Manage Roles</A>
        </div>
        <div class="actions">
          <A class="btn primary" href="/admin/role-ui-configs/new">Create Dashboard</A>
          <A class="btn" href="/admin/role-ui-configs">Manage Dashboards</A>
        </div>
        <div class="actions">
          <A class="btn primary" href="/admin/onboarding-schemas/new">Create Onboarding</A>
          <A class="btn" href="/admin/onboarding-schemas">Manage Onboarding</A>
        </div>
      </section>
    </AdminShell>
  );
}