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">
        {children}
      </YStack>
    </AmbientBackground>
  );
}
