24 lines
587 B
JavaScript
24 lines
587 B
JavaScript
// src/components/Auth/AuthHeader.js
|
|
import React from "react";
|
|
import { Heading, Text, VStack } from "@chakra-ui/react";
|
|
|
|
/**
|
|
* 认证页面通用头部组件
|
|
* 用于显示页面标题和描述
|
|
*
|
|
* @param {string} title - 主标题文字
|
|
* @param {string} subtitle - 副标题文字
|
|
*/
|
|
export default function AuthHeader({ title, subtitle }) {
|
|
return (
|
|
<VStack spacing={2} mb={8}>
|
|
<Heading size="xl" color="gray.800" fontWeight="bold">
|
|
{title}
|
|
</Heading>
|
|
<Text color="gray.600" fontSize="md">
|
|
{subtitle}
|
|
</Text>
|
|
</VStack>
|
|
);
|
|
}
|