23 lines
548 B
TypeScript
23 lines
548 B
TypeScript
/**
|
|
* Container - 容器组件
|
|
*
|
|
* 使用 Design System 重写的容器组件
|
|
*/
|
|
import { Container as DSContainer } from "@/design-system/layout/container";
|
|
import { Card } from "@/design-system/base/card";
|
|
|
|
interface ContainerProps {
|
|
children?: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export function Container({ children, className = "" }: ContainerProps) {
|
|
return (
|
|
<DSContainer size="2xl" className={`mx-auto ${className}`}>
|
|
<Card variant="bordered" padding="md">
|
|
{children}
|
|
</Card>
|
|
</DSContainer>
|
|
);
|
|
}
|