import { Card, Flex, SimpleGrid, Text } from "@mantine/core";
import { IconBuildingFactory2, IconFiles, IconMap, IconReport, IconServer, IconShield, IconUsers } from "@tabler/icons-react";
import { ReactNode } from "react";
import { useNavigate } from "react-router-dom";
export default function Main() {
const navigate = useNavigate()
interface CustomCardProps {
link: string;
icon: ReactNode;
label: string;
}
const CustomCard = ({
link,
icon,
label
}: CustomCardProps) => {
return (
navigate(link)}
withBorder
style={{ cursor: 'pointer', userSelect: 'none' }}
>
{icon}
{label}
)
}
return (
Главная
} label="Пользователи" />
} label="Роли" />
} label="Документы" />
} label="Отчеты" />
} label="Серверы" />
} label="Котельные" />
} label="ИКС" />
)
}