import { useVariables } from "../../theme/Root/variables";
import React from "react";
//@ts-ignore
import CodeBlock from "@theme-init/CodeBlock";
export const UrlDisplay = ({ subs, value }) => {
    const variables = useVariables();
    const subbed = subs.reduce((currValue, name) => {
        return currValue.replace(new RegExp(":" + name, 'g'), variables[name]);
    }, value);
    return React.createElement(CodeBlock, null, subbed);
};
//# sourceMappingURL=index.js.map