'use client'

import { Button, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from '@nextui-org/react'
import Hero from '@/components/Hero'
import QSelect from '@/components/ui/QSelect'
import styles from './changelog.module.css'
import { get } from '@/lib/Axios'

export default function changelogPage() {
  const testVar = process.env.NEXT_PUBLIC_TEST

  const handleUsers = async () => {
    const users = await get('/api/user/find-all')
    console.log(users)
  }
  return (
    <>
      <Hero title="Change log" />
      <div className={styles.test}>이 영역은 테스트입니다.</div>
      <div>
        <Table isStriped>
          <TableHeader>
            <TableColumn>DATE</TableColumn>
            <TableColumn>NAME</TableColumn>
            <TableColumn>CONTENTS</TableColumn>
          </TableHeader>
          <TableBody>
            <TableRow key="2">
              <TableCell>2024.07.17</TableCell>
              <TableCell>SWYOO</TableCell>
              <TableCell>` * README.md 파일 이미지 경로 수정 `</TableCell>
            </TableRow>
            <TableRow key="1">
              <TableCell>2024.07.16</TableCell>
              <TableCell>SWYOO</TableCell>
              <TableCell>` * 버튼 정리(템플릿 적용) `</TableCell>
            </TableRow>
          </TableBody>
        </Table>
      </div>
      <div className="m-2">
        <QSelect />
      </div>
      <div className="w-full bg-orange-300 m-2">{testVar}</div>
      <div>
        <div className="m-2">
          <Button onClick={handleUsers}>Button</Button>
        </div>
      </div>
    </>
  )
}