import React from "react"
import { Button } from '@nextui-org/button'

// 'use client'

// import { Link } from '@chakra-ui/next-js'
// import { Box, Flex } from '@chakra-ui/react'

// export default function Page() {
//   return (
//     <Flex>
//       <h1>Home</h1>

//       <Box>
//         Flex
//       </Box>

//       <Link href='/about' color='blue.400' _hover={{ color: 'blue.500' }}>
//         About
//       </Link>
//     </Flex>
//   )
// }

// app/page.tsx

export default function Page() {
  return (
    <div className="flex gap-4 items-center" style={{padding: 4}}>
      <Button color="primary" size="lg">Click me 2</Button>
      <Button size="md">
        Medium
      </Button>
      <Button size="lg">
        Large
      </Button>
    </div>
  )
}