Frank Schwenk
8a46a8a019
- move reusable domain, data, state, ui code into src/lib - update host screens to consume new library exports - document architecture and configure path aliases - bump astro integration dependencies for compatibility Refs #30
33 lines
708 B
TypeScript
33 lines
708 B
TypeScript
import { h } from 'preact';
|
|
import styles from './Layout.module.css';
|
|
|
|
interface LayoutProps {
|
|
children: any;
|
|
className?: string;
|
|
}
|
|
|
|
export function Layout({ children, className = '' }: LayoutProps) {
|
|
return (
|
|
<div className={`${styles.layout} ${className}`}>
|
|
<a href="#main-content" className="skip-link">
|
|
Zum Hauptinhalt springen
|
|
</a>
|
|
<div className={styles.content} id="main-content">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
interface ScreenProps {
|
|
children: any;
|
|
className?: string;
|
|
}
|
|
|
|
export function Screen({ children, className = '' }: ScreenProps) {
|
|
return (
|
|
<div className={`${styles.screen} ${className}`}>
|
|
{children}
|
|
</div>
|
|
);
|
|
} |