8base_boost_provider_quickstart_with_themed_ui_components.ts

1import React from 'react';
2import { BoostProvider, Box, Heading, Text } from '@8base/boost';
3
4/**
5 * The @8base/boost library provides a set of themed UI components 
6 * and a provider to manage the theme and global styles.
7 */
8export const App: React.FC = () => {
9  return (
10    <BoostProvider>
11      <Box padding="xl">
12        <Heading size="lg" marginBottom="md">
13          Hello 8base Boost!
14        </Heading>
15        <Text color="gray60">
16          This is a quickstart example using TypeScript and @8base/boost components.
17        </Text>
18      </Box>
19    </BoostProvider>
20  );
21};
22
23export default App;