import { Image, Stack, Text } from "@mantine/core";

interface AuthLogoProps {
  /** Optional caption shown under the mark, e.g. "Admin Console". */
  caption?: string;
}

export default function AuthLogo({ caption = "Admin Console" }: AuthLogoProps) {
  return (
    <Stack align="center" gap={6} mb="xl">
      <Image
        src="/klogo-gold.png"
        alt="Karma Group"
        w={{ base: 140, sm: 170 }}
        fit="contain"
      />
    </Stack>
  );
}