import { observer } from "mobx-react";

import { Provider } from "@devowl-wp/real-product-manager-wp-client";

import { ConfigLicensingConsumer } from "./consumer.js";
import { ConfigContent } from "../content.js";

import type { FC } from "react";

const ConfigLicensing: FC = observer(() => {
    return (
        <ConfigContent maxWidth={800} style={{ margin: "auto" }}>
            <Provider>
                <ConfigLicensingConsumer />
            </Provider>
        </ConfigContent>
    );
});

export { ConfigLicensing };
