All files / components ThemedView.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5x
 
 
import { YStack, styled, GetProps } from 'tamagui';
 
const StyledView = styled(YStack, {
  backgroundColor: '$background',
 
  variants: {
    variant: {
      default: { backgroundColor: '$background' },
      subtle: { backgroundColor: '$backgroundSubtle' },
      muted: { backgroundColor: '$backgroundMuted' },
      elevated: { backgroundColor: '$backgroundMuted' },
    },
    padded: {
      true: { padding: '$4' },
      sm: { padding: '$2' },
      lg: { padding: '$6' },
    },
    centered: {
      true: { alignItems: 'center', justifyContent: 'center' },
    },
  } as const,
});
 
export type ThemedViewProps = GetProps<typeof StyledView>;
 
export function ThemedView(props: ThemedViewProps) {
  return <StyledView {...props} />;
}