@cimpress/react-components/dist/esm/src/documentation/CodeExample.js

React components to support the MCP styleguide

import React, { useState } from 'react';
import SmoothCollapse from 'react-smooth-collapse';
import { Button } from '../Button';
import { CodeBlock } from '../CodeBlock';
import { Copy } from '../Copy';
export function CodeExample({ code, initialOpen = true }) {
    const [open, setOpen] = useState(initialOpen);
    return (React.createElement("div", { className: "row" },
        React.createElement("div", { className: "col-md-12", style: { paddingTop: '10px' } },
            React.createElement(SmoothCollapse, { expanded: open },
                React.createElement(CodeBlock, { code: code })),
            React.createElement("div", { className: "clearfix" },
                React.createElement(Button, { variant: "link", onClick: () => setOpen(!open), className: "pull-right" }, open ? 'Hide code' : 'Show code'),
                open ? React.createElement(Copy, { style: { marginRight: '9px' }, variant: "button", className: "pull-right", value: code }) : null))));
}
//# sourceMappingURL=CodeExample.js.map