react-native-acoustic-connect-beta 17.0.2 → 18.0.8

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/Basic.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Skeleton, VStack, Center } from 'native-base';
-export const Example = () => {
-  return (
-    <Center w="100%">
-      <VStack
-        w="90%"
-        maxW="400"
-        borderWidth="1"
-        space={8}
-        overflow="hidden"
-        rounded="md"
-        _dark={{ borderColor: 'coolGray.500' }}
-        _light={{ borderColor: 'coolGray.200' }}
-      >
-        <Skeleton h="40" />
-        <Skeleton.Text px="4" />
-        <Skeleton px="4" my="4" rounded="md" startColor="primary.100" />
-      </VStack>
-    </Center>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/Color.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { Skeleton, VStack, HStack, Center } from 'native-base';
-export const Example = () => {
-  return (
-    <Center w="100%">
-      <HStack
-        w="90%"
-        maxW="400"
-        borderWidth="1"
-        space={8}
-        rounded="md"
-        _dark={{ borderColor: 'coolGray.500' }}
-        _light={{ borderColor: 'coolGray.200' }}
-        p="4"
-      >
-        <Skeleton flex="1" h="150" rounded="md" startColor="coolGray.100" />
-        <VStack flex="3" space="4">
-          <Skeleton startColor="amber.300" />
-          <Skeleton.Text />
-          <HStack space="2" alignItems="center">
-            <Skeleton size="5" rounded="full" />
-            <Skeleton h="3" flex="2" rounded="full" />
-            <Skeleton h="3" flex="1" rounded="full" startColor="indigo.300" />
-          </HStack>
-        </VStack>
-      </HStack>
-    </Center>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/Composition.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Skeleton, VStack, HStack, Center } from 'native-base';
-export const Example = () => {
-  return (
-    <Center w="100%">
-      <VStack
-        w="90%"
-        maxW="400"
-        borderWidth="1"
-        space={6}
-        rounded="md"
-        alignItems="center"
-        _dark={{ borderColor: 'coolGray.500' }}
-        _light={{ borderColor: 'coolGray.200' }}
-      >
-        <Skeleton h="40" />
-        <Skeleton
-          borderWidth={1}
-          borderColor="coolGray.200"
-          endColor="warmGray.50"
-          size="20"
-          rounded="full"
-          mt="-70"
-        />
-        <HStack space="2">
-          <Skeleton size="5" rounded="full" />
-          <Skeleton size="5" rounded="full" />
-          <Skeleton size="5" rounded="full" />
-          <Skeleton size="5" rounded="full" />
-          <Skeleton size="5" rounded="full" />
-        </HStack>
-        <Skeleton.Text lines={3} alignItems="center" px="12" />
-        <Skeleton mb="3" w="40" rounded="20" />
-      </VStack>
-    </Center>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/FadeDuration.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Skeleton, Stack } from 'native-base';
-export const Example = () => {
-  return (
-    <Stack w="50%">
-      <Skeleton
-        startColor="pink.600"
-        fadeDuration={0.9}
-        h={20}
-        speed={10}
-        endColor="green.500"
-      ></Skeleton>
-    </Stack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/index.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import Wrapper from './../../Wrapper';
-import { Example as Basic } from './Basic';
-import { Example as Color } from './Color';
-import { Example as Composition } from './Composition';
-import { Example as IsLoaded } from './isLoaded';
-import { Example as FadeDuration } from './FadeDuration';
-
-storiesOf('Skeleton', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Basic', () => <Basic />)
-  .add('Color', () => <Color />)
-  .add('Composition', () => <Composition />)
-  .add('FadeDuration', () => <FadeDuration />)
-  .add('isLoaded', () => <IsLoaded />);

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Skeleton/isLoaded.tsx

@@ -1,60 +0,0 @@
-import React, { useState } from 'react';
-import {
-  Skeleton,
-  Text,
-  Button,
-  Box,
-  Image,
-  VStack,
-  Center,
-} from 'native-base';
-export const Example = () => {
-  const [isLoaded, setIsLoaded] = useState(false);
-  const [text, setText] = useState('');
-  setTimeout(() => {
-    setIsLoaded(true);
-    setText(
-      'Lose yourself in the greens of nature, the ones that make you strong. Come visit us at the Greenway Park, and we will be happy to show you around.'
-    );
-  }, 5000);
-
-  return (
-    <Center w="100%">
-      <Box w="90%" maxWidth="400">
-        <VStack
-          maxWidth="400"
-          borderWidth="1"
-          space={8}
-          overflow="hidden"
-          rounded="md"
-          _dark={{ borderColor: 'coolGray.500' }}
-          _light={{ borderColor: 'coolGray.200' }}
-        >
-          <Skeleton h="40" isLoaded={isLoaded}>
-            <Image
-              h="40"
-              source={{
-                uri:
-                  'https://images.unsplash.com/photo-1447752875215-b2761acb3c5d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80',
-              }}
-            />
-          </Skeleton>
-          <Skeleton.Text lines={4} px="4" isLoaded={isLoaded}>
-            <Text px="4" fontSize={'md'} lineHeight={'20px'}>
-              {text}
-            </Text>
-          </Skeleton.Text>
-          <Skeleton
-            px="4"
-            mb="4"
-            rounded="md"
-            startColor="primary.100"
-            isLoaded={isLoaded}
-          >
-            <Button m="4">Explore</Button>
-          </Skeleton>
-        </VStack>
-      </Box>
-    </Center>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Stat/Example.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Stat, Heading, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box>
-      <Heading>Basic Stat Usage</Heading>
-      <Stat mt={6}>
-        <Stat.Label>Amount</Stat.Label>
-        <Stat.Number>£126.00</Stat.Number>
-        <Stat.HelpText>Feb 12 - Feb 28</Stat.HelpText>
-      </Stat>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Stat/Indicator.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Stat, Heading, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box>
-      <Heading>Stat with Indicator</Heading>
-      <Stat.Group mt={6}>
-        <Stat>
-          <Stat.Label>Sent</Stat.Label>
-          <Stat.Number>$3600</Stat.Number>
-          <Stat.HelpText>
-            <Stat.Arrow type="increase" />
-            56.67%
-          </Stat.HelpText>
-        </Stat>
-        <Stat>
-          <Stat.Label>Received</Stat.Label>
-          <Stat.Number>$454</Stat.Number>
-          <Stat.HelpText>
-            <Stat.Arrow type="decrease" />
-            99.56%
-          </Stat.HelpText>
-        </Stat>
-      </Stat.Group>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Stat/index.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import Wrapper from './../../Wrapper';
-import Example from './Example';
-import Indicator from './Indicator';
-
-storiesOf('Stat', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Default Stat', () => <Example />)
-  .add('Stat with Indicator', () => <Indicator />);

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Colors.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import { VStack, Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack width="100%" p={3} space={7}>
-      <Tabs colorScheme="primary">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs colorScheme="secondary">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs colorScheme="emerald">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs colorScheme="orange">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs colorScheme="info">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Composition.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { Box, Tabs, Text } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box width="100%" p={3}>
-      <Tabs>
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Text>To show how tabs behaves around other components.</Text>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Controlled.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Tabs, Text } from 'native-base';
-
-export const Example = () => {
-  const [index, setIndex] = React.useState(0);
-
-  return (
-    <Tabs index={index} onChange={setIndex}>
-      <Tabs.Bar>
-        <Tabs.Tab>One</Tabs.Tab>
-        <Tabs.Tab accessibilityLabel="two">
-          <Text color="red.500">Two</Text>
-        </Tabs.Tab>
-        <Tabs.Tab accessibilityLabel="three">Three</Tabs.Tab>
-      </Tabs.Bar>
-      <Tabs.Views>
-        <Tabs.View>One</Tabs.View>
-        <Tabs.View>Two</Tabs.View>
-        <Tabs.View>Three</Tabs.View>
-      </Tabs.Views>
-    </Tabs>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/FittedTab.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Tabs, Box } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box w="90%">
-      <Tabs isFitted>
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-          <Tabs.Tab>Four</Tabs.Tab>
-        </Tabs.Bar>
-      </Tabs>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/IconTabs.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Box, Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Box width="100%" p={3}>
-      <Tabs>
-        <Tabs.Bar>
-          <Tabs.Tab>
-            <Tabs.Icon />
-            Home
-          </Tabs.Tab>
-          <Tabs.Tab>
-            <Tabs.Icon name="book" />
-            Bookmarks
-          </Tabs.Tab>
-          <Tabs.Tab>
-            <Tabs.Icon name="camera" />
-            Camera
-          </Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>Home</Tabs.View>
-          <Tabs.View>Bookmarks</Tabs.View>
-          <Tabs.View>Camera</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-    </Box>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Size.tsx

@@ -1,48 +0,0 @@
-import React from 'react';
-import { VStack, Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack width="100%" p={3} space={7}>
-      {/* Small Tabs */}
-      <Tabs size="sm">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      {/* Medium Tabs (default) */}
-      <Tabs size="md">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      {/* Large Tabs (default) */}
-      <Tabs size="lg">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/TabAlignment.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import { VStack, Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack width="100%" p={3} space={7}>
-      <Tabs align="start">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs align="center">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs align="end">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/TabBarOnly.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Tabs>
-      <Tabs.Bar>
-        <Tabs.Tab>One</Tabs.Tab>
-        <Tabs.Tab>Two</Tabs.Tab>
-        <Tabs.Tab>Three</Tabs.Tab>
-        {/* <Tabs.Tab>Four</Tabs.Tab> */}
-      </Tabs.Bar>
-    </Tabs>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Usage.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Tabs>
-      <Tabs.Bar>
-        <Tabs.Tab>TAB ONE</Tabs.Tab>
-        <Tabs.Tab>TAB TWO</Tabs.Tab>
-      </Tabs.Bar>
-      <Tabs.Views>
-        <Tabs.View>One</Tabs.View>
-        <Tabs.View>Two</Tabs.View>
-      </Tabs.Views>
-    </Tabs>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/Variants.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import { VStack, Tabs } from 'native-base';
-
-export const Example = () => {
-  return (
-    <VStack width="100%" p={3} space={7}>
-      <Tabs variant="outline">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs variant="filled">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-      <Tabs variant="filled-outline">
-        <Tabs.Bar>
-          <Tabs.Tab>One</Tabs.Tab>
-          <Tabs.Tab>Two</Tabs.Tab>
-          <Tabs.Tab>Three</Tabs.Tab>
-        </Tabs.Bar>
-        <Tabs.Views>
-          <Tabs.View>One</Tabs.View>
-          <Tabs.View>Two</Tabs.View>
-          <Tabs.View>Three</Tabs.View>
-        </Tabs.Views>
-      </Tabs>
-    </VStack>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tabs/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
-import Wrapper from '../../Wrapper';
-import { Example as Usage } from './Usage';
-import { Example as Controlled } from './Controlled';
-import { Example as TabBarOnly } from './TabBarOnly';
-import { Example as FittedTab } from './FittedTab';
-import { Example as TabAlignment } from './TabAlignment';
-import { Example as IconTabs } from './IconTabs';
-import { Example as Size } from './Size';
-import { Example as Colors } from './Colors';
-import { Example as Composition } from './Composition';
-import { Example as Variants } from './Variants';
-
-storiesOf('Tabs', module)
-  .addDecorator(withKnobs)
-  .addDecorator((getStory: any) => <Wrapper>{getStory()}</Wrapper>)
-  .add('Basic', () => <Usage />)
-  .add('Colors', () => <Colors />)
-  .add('Size', () => <Size />)
-  .add('Variants', () => <Variants />)
-  .add('IconTabs', () => <IconTabs />)
-  .add('Tab Alignment', () => <TabAlignment />)
-  .add('Fitted Tab', () => <FittedTab />)
-  .add('Controlled', () => <Controlled />)
-  .add('TabBarOnly', () => <TabBarOnly />)
-  .add('Composition', () => <Composition />);

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tag/Basic.tsx

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Tag } from 'native-base';
-
-export const Example = () => {
-  return <Tag>NativeBase</Tag>;
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tag/Custom.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Tag, Avatar } from 'native-base';
-
-export const Example = () => {
-  return (
-    <Tag colorScheme="emerald" size="sm" rounded={'full'}>
-      <Avatar
-        mr={2}
-        source={{
-          uri: 'https://alpha.nativebase.io/img/nativebase-new-icon.png',
-        }}
-        width={6}
-        height={6}
-      />
-      Nativebase
-    </Tag>
-  );
-};

package/Example/nativebase-v3-kitchensink/src/nb/components/composites/Tag/Size.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Tag, HStack } from 'native-base';
-
-export const Example = () => {
-  return (
-    <HStack space={4} alignItems="flex-start">
-      {['sm', 'md', 'lg'].map((size) => (
-        <Tag size={size} key={size} variant="solid" _text={{ color: 'white' }}>
-          NativeBase
-        </Tag>
-      ))}
-    </HStack>
-  );
-};