Astryx App Shell

'use client';

import AppShell from '@/components/ui/astryx-app-shell';
import {Theme} from '@astryxdesign/core/theme';
import {neutralTheme} from '@astryxdesign/theme-neutral/built';
import {VStack} from '@astryxdesign/core/Stack';
import {Heading, Text} from '@astryxdesign/core/Text';

export default function AppShellContentOnly() {
  return (
    <Theme theme={neutralTheme}>
      <div style={{height: '100dvh', width: '100%'}}>
        <AppShell contentPadding={6} style={{height: '100%', minHeight: 0}}>
          <VStack gap={4}>
            <Heading level={3}>Page Content</Heading>
            <Text type="body">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
              eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
              enim ad minim veniam, quis nostrud exercitation ullamco laboris.
            </Text>
          </VStack>
        </AppShell>
      </div>
    </Theme>
  );
}