// src/views/Company/components/CompanyOverview/BasicInfoTab/components/LoadingState.tsx
// 复用的加载状态组件

import React from "react";
import { Center, VStack, Spinner, Text } from "@chakra-ui/react";
import { THEME } from "../config";

interface LoadingStateProps {
  message?: string;
  height?: string;
}

/**
 * 加载状态组件（黑金主题）
 */
const LoadingState: React.FC<LoadingStateProps> = ({
  message = "加载中...",
  height = "200px",
}) => {
  return (
    <Center h={height}>
      <VStack>
        <Spinner size="lg" color={THEME.gold} thickness="3px" />
        <Text fontSize="sm" color={THEME.textSecondary}>
          {message}
        </Text>
      </VStack>
    </Center>
  );
};

export default LoadingState;