26 lines
625 B
TypeScript
26 lines
625 B
TypeScript
import React from 'react';
|
|
import { YStack } from '@tamagui/stacks';
|
|
import AmbientBackground from './AmbientBackground';
|
|
|
|
type StandaloneShellProps = {
|
|
children: React.ReactNode;
|
|
compact?: boolean;
|
|
};
|
|
|
|
export default function StandaloneShell({ children, compact = false }: StandaloneShellProps) {
|
|
return (
|
|
<AmbientBackground>
|
|
<YStack
|
|
minHeight="100vh"
|
|
padding="$4"
|
|
paddingTop={compact ? '$4' : '$6'}
|
|
paddingBottom="$6"
|
|
gap="$4"
|
|
style={{ paddingBottom: 'calc(var(--space-6) + 30px)' }}
|
|
>
|
|
{children}
|
|
</YStack>
|
|
</AmbientBackground>
|
|
);
|
|
}
|