"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@chakra-ui/react");
const exampleQuery = `# Example: List models
query Models {
  models(limit: 5) {
    items {
      id
      name
      description
    }
    totalCount
  }
}`;
const exampleMutation = `# Example: Create a model
mutation CreateModel {
  createModel(name: "My Model", description: "A test model") {
    id
    name
    description
  }
}`;
const GraphQLExamples = () => ((0, jsx_runtime_1.jsxs)(react_1.Box, { p: 4, borderWidth: 1, borderRadius: "md", boxShadow: "sm", bg: "white", children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { as: "h3", size: "md", mb: 2, children: "Live GraphQL Examples" }), (0, jsx_runtime_1.jsxs)(react_1.Text, { mb: 2, children: ["Try these queries and mutations in the ", (0, jsx_runtime_1.jsx)(react_1.Link, { color: "blue.500", href: "/graphql", isExternal: true, children: "GraphQL Explorer" }), ":"] }), (0, jsx_runtime_1.jsxs)(react_1.VStack, { align: "stretch", spacing: 4, children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: "bold", children: "Query: List Models" }), (0, jsx_runtime_1.jsx)(react_1.Code, { p: 2, display: "block", whiteSpace: "pre", mb: 2, children: exampleQuery })] }), (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontWeight: "bold", children: "Mutation: Create Model" }), (0, jsx_runtime_1.jsx)(react_1.Code, { p: 2, display: "block", whiteSpace: "pre", mb: 2, children: exampleMutation })] }), (0, jsx_runtime_1.jsx)(react_1.Button, { as: react_1.Link, href: "/graphql", colorScheme: "teal", isExternal: true, children: "Open GraphQL Explorer" })] })] }));
exports.default = GraphQLExamples;
//# sourceMappingURL=GraphQLExamples.js.map