import { Grid, Stack, Title } from "@mantine/core";
import EntryCard from "../components/EntryCard";
import { alertsEntries } from "../config/entries";

export default function Alerts() {
  return (
    <Stack spacing="lg" p="md">
      <Title order={2}>告警详情</Title>
      <Grid gutter="lg">
        {alertsEntries.map((entry) => (
          <Grid.Col key={entry.href} span={{ base: 12, sm: 4, md: 3 }}>
            <EntryCard label={entry.label} href={entry.href} icon={entry.icon} />
          </Grid.Col>
        ))}
      </Grid>
    </Stack>
  );
}
