import React from 'react' ; import { Theme , YStack , useThemeName } from 'tamagui' ; export function HeroContainer ( { children , resetTheme , } ) { const themeName = useThemeName ( { parent : true } ) ; const parentThemeBaseName = themeName . replace ( /[a-z]+\-/ , '' ) ; return ( < YStack className = "hero-gradient" mt = "$2" mb = "$4" position = "relative" display = "flex" alignItems = "center" justifyContent = "center" py = { 40 } minHeight = { 380 } borderRadius = "$3" $gtLg = { { mx : '$-2' , } } > { resetTheme ? < Theme name = { parentThemeBaseName } > { children } < /Theme> : children} < /YStack>); }