import React from "react";
import Layout from "@theme/Layout";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import useBaseUrl from "@docusaurus/useBaseUrl";
import "rapidoc";

function APIBrowser() {
    const context = useDocusaurusContext();
    const { siteConfig = {} } = context;
    return (
        <Layout title="API Browser" description={siteConfig.tagline}>
            <rapi-doc
                spec-url={useBaseUrl("swagger.yaml")}
                allow-try="false"
                show-header="false"
                theme="dark"
                render-style="view"
                primary-color="#fd4b2d"
                allow-spec-url-load="false"
                allow-spec-file-load="false">
                <div slot="logo">
                    <img src={useBaseUrl("img/icon_top_brand.svg")}  />
                </div>
            </rapi-doc>
        </Layout>
    );
}

export default APIBrowser;
