Add new components to index.tsx

index.tsx

import Sheet from './components/Sheet';
import MainContent from './components/MainContent';
import ExampleComponent from './components/ExampleComponent';

function App() {
  return (
    <View style={{ flex: 1 }}>
      <MainContent />
      <Sheet>
        <ExampleComponent style={{ height: 60, marginBottom: 10 }} />
        <View style={{ flexDirection: 'row', marginBottom: 10 }}>
          <ExampleComponent style={{ flex: 1, height: 120, marginRight: 10 }} />
          <ExampleComponent style={{ flex: 1, height: 120 }} />
        </View>
      </Sheet>
    </View>
  );
}