28 lines
No EOL
1 KiB
TypeScript
28 lines
No EOL
1 KiB
TypeScript
// 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>
|
||
)
|
||
} |