import Link from "next/link";
import { Button, Stack, Title } from "@mantine/core";
import styles from "@/components/ServicesList/ServicesList.module.css";
import TitleWithLines from "@/components/TitleWithLines/TitleWithLines";

const ServicesList = () => {
    const getServiceLink = (
        title: string,
        href: string,
        isInDevelopment: boolean = false
    ) => {
        return (
            <Button
                component={Link}
                size={"xl"}
                href={isInDevelopment ? "" : href}
                disabled={isInDevelopment}>
                <Stack gap={0}>
                    <Title order={4}>{title}</Title>
                </Stack>
            </Button>
        );
    };

    return (
        <Stack
            className={styles.container}
            gap={"lg"}>
            {getServiceLink("CRM", "https://skirbo.ru/")}
            <TitleWithLines title="Скоро будет" />
            {getServiceLink("Analytics", "", true)}
        </Stack>
    );
};

export default ServicesList;