import { m } from '@paraglide/messages';
import { createFileRoute } from '@tanstack/react-router';
import { useState } from 'react';

export const Route = createFileRoute('/(app)/')({
  component: App,
  staticData: { breadcrumb: () => m.nav_home() },
});

const testselect = [
  {
    value: '1',
    label: 'Sam',
    email: 'luu.dat.tham@gmail.com',
  },
  {
    value: '2',
    label: 'Raysam',
    email: 'raysam024@gmail.com',
  },
];

function App() {
  const [value, setValue] = useState<string>();
  return (
    <div className="@container/main flex flex-1 flex-col gap-2 p-4">
      <div className="*:data-[slot=card]:from-primary/5 *:data-[slot=card]:to-card dark:*:data-[slot=card]:bg-card *:data-[slot=card]:bg-linear-to-br *:data-[slot=card]:shadow-xs grid grid-cols-1 @xl/main:grid-cols-2 @5xl/main:grid-cols-3 gap-4">
        Home
      </div>
    </div>
  );
}
