interface ComingSoonProps {
  showActions?: boolean;
  height?: StyleProp<React.CSSProperties['height']>;
}

import { Title, Text, Button, Container, Stack, Center, StyleProp } from '@mantine/core';

export function ComingSoon({ showActions = false, height = '100vh' }: ComingSoonProps) {
  return (
    <Container size="sm" h={height} pos="relative">
      <Center h="100%">
        <Stack align="center" ta="center" gap="md">
          <Text size="sm" fw={500} tt="uppercase" c="dimmed" lts="var(--mantine-spacing-xs)">
            Coming Soon
          </Text>

          <Title order={1} fw={900} c="brand">
            Feature in Progress
          </Title>

          <Text size="md" c="dimmed">
            This feature is currently under development. Stay tuned! We'll have it ready for you very soon.
          </Text>

          {showActions && (
            <Button component="a" href="/" color="brand" size="sm" mt="xl">
              Back to Home
            </Button>
          )}
        </Stack>
      </Center>
    </Container>
  );
}