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>
  );
}