// 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>
  );
}