35 lines
970 B
TypeScript
35 lines
970 B
TypeScript
'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;
|