Focaccina/scalara
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: extract component

Browse source
This commit is contained in:
Davide Frageri 2025-07-11 02:09:19 +02:00
parent a536971049
commit 14dce09e8a
1 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/app/page.tsx
View file

@ -1,12 +1,25 @@
import { Center, Container, Input, Text, VStack } from "@chakra-ui/react";
interface QuestionBoxProps {
question: string;
}
const QuestionBox = (props: QuestionBoxProps) => {
const { question } = props;
return (
<>
<Text>{question}</Text>
<Input placeholder="Subtle" variant="subtle" />
</>
);
};
export default function Home() {
return (
<Container h="100vh" w="100vw">
<Center h="100%">
<VStack>
<Text>Quanto è lunga una patatina chips?</Text>
<Input placeholder="Subtle" variant="subtle" />
<QuestionBox question="Quanto è lunga una patatina chips?" />
</VStack>
</Center>
</Container>