18 lines
465 B
TypeScript
18 lines
465 B
TypeScript
import { type ReactNode } from "react";
|
|
|
|
type SectionProps = {
|
|
children: ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
/** 通用区块容器 - 统一内边距与最大宽度，响应式 */
|
|
export function Section({ children, className = "" }: SectionProps) {
|
|
return (
|
|
<section
|
|
className={`border-t border-[var(--border)] py-12 md:py-16 lg:py-20 ${className}`}
|
|
>
|
|
<div className="mx-auto max-w-6xl px-4 sm:px-6">{children}</div>
|
|
</section>
|
|
);
|
|
}
|