2025-02-23 00:38:48 -06:00
|
|
|
import styles from './Section.module.css';
|
|
|
|
|
|
|
|
|
|
type SectionProps = {
|
|
|
|
|
children: React.ReactNode;
|
2025-02-23 00:42:07 -06:00
|
|
|
background?: 'light' | 'dark';
|
2025-02-23 00:38:48 -06:00
|
|
|
className?: string;
|
|
|
|
|
};
|
|
|
|
|
|
2025-02-23 00:42:07 -06:00
|
|
|
export function Section({ children, background = 'light', className = '' }: SectionProps) {
|
2025-02-23 00:38:48 -06:00
|
|
|
return (
|
2025-02-23 00:42:07 -06:00
|
|
|
<section className={`${styles.section} ${styles[background]} ${className}`}>
|
2025-02-23 00:38:48 -06:00
|
|
|
{children}
|
2025-02-23 00:42:07 -06:00
|
|
|
</section>
|
2025-02-23 00:38:48 -06:00
|
|
|
);
|
|
|
|
|
}
|