import { Container, Stack, Title, Text } from "@mantine/core";
import SwaggerUI from "swagger-ui-react";
import "swagger-ui-react/swagger-ui.css";

export default function SwaggerPage() {
  return (
    <Container size="xl" py="xl">
      <Stack gap="sm" mb="md">
        <Title order={2}>Swagger</Title>
        <Text c="dimmed" size="sm">
          API documentation and live request testing.
        </Text>
      </Stack>
      <SwaggerUI
        url={`${import.meta.env.BASE_URL}openapi.json`}
        deepLinking
        tryItOutEnabled
      />
    </Container>
  );
}
