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