rhein-sw-website/components/Section.tsx

'use client';

import React, {CSSProperties} from "react";
import clsx from "clsx";

interface SectionProps {
    children: React.ReactNode;
    className?: string;
    style?: CSSProperties;
    shadow?: boolean;
}

const Section: React.FC<SectionProps> = ({
                                             children,
                                             className = "",
                                             style,
                                             shadow = false,
                                         }) => {
    return (
        <section
            className={clsx("relative transition-colors duration-500", className)}
            style={style}
        >
            <div className="relative z-10">{children}</div>
            {shadow && (
                <div
                    className="absolute bottom-0 left-0 w-full h-16 pointer-events-none"
                />
            )}
        </section>
    );
};

export default Section;