// src/app/page.tsx
import { Button, Container, Heading, Text, VStack } from '@chakra-ui/react'
import LineBox from '@/components/LineBox'

export default function Home() {
  return (
    <Container maxW="100%" py={1} px={3}>
      <VStack spacing={1} align="stretch">
        <Heading textAlign="center" color="teal.600">
          Добро пожаловать в Chakra UI + Next.js
        </Heading>
        {/* <Text fontSize="xl" textAlign="center">
          Приложение настроено по официальной документации
        </Text> */}
        {/* <Button colorScheme="teal" size="lg" alignSelf="center">
          Начать работу
        </Button> */}
         <LineBox
          title="Мой первый компонент"
          description="Это переиспользуемый компонент с настраиваемыми пропсами"
          buttonText="Нажми меня"
          //onButtonClick={handleClick}
        />

      </VStack>
    </Container>
  )
}