function App() {return (<BoxmaxWidth="$64"borderColor="$borderLight200"borderRadius="$lg"borderWidth="$1"my="$4"overflow="hidden"bg="$backgroundDark900"sx={{"@base": {mx: "$5",},"@lg": {my: "0",},_dark: {borderColor: "$borderDark800",},}}><Box><Imageh={150}source={{uri: "https://images.unsplash.com/photo-1514936477380-5ea603b9a1ca",}}/></Box><VStack px="$6" pt="$4" pb="$6"><Text fontSize="$sm" my="$1.5">August 16, 2023</Text><Heading size="sm">Fresho Orange</Heading><Text my="$1.5" fontSize="$xs">Oranges are a great source of vitamin C, which is essential for ahealthy immune system. Oranges are a great source of vitamin C, whichis important for maintaining a healthy immune system.</Text><Text my="$1.5" fontSize="$xs" isTruncated="true">Vitamin C also helps with the absorption of iron and the production ofcollagen, which supports healthy skin, teeth, and bones.</Text><Link href="https://gluestack.io/" isExternal><Text fontSize="$sm" color="$pink600">Find out more</Text></Link></VStack></Box>)}
function App() {const StyledButton = styled(Pressable, {bg: "$primary700",px: "$6",py: "$3",rounded: "$md",_dark: {bg: "$primary600",},})const ButtonText = styled(Text, {textAlign: "center",fontSize: "$md",lineHeight: "$md",color: "$white",})return (<Provider config={config}><StyledButton><ButtonText>Hello</ButtonText></StyledButton></Provider>)}