"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _preact = require("preact");

var _default = ({
  name,
  code,
  children
}) => (0, _preact.h)("div", {
  className: "bg-white pv3 br3 mt3"
}, (0, _preact.h)("h3", {
  className: "mt0"
}, name), (0, _preact.h)("div", {
  className: "fw6 mv2"
}, "Code:"), (0, _preact.h)("code", {
  className: "light-blue dib bg-black-90 pa2 br2 overflow-x-auto w-100"
}, (0, _preact.h)("pre", {
  className: "ma0 f6"
}, code)), (0, _preact.h)("div", {
  className: "fw6 mv2"
}, "Output:"), (0, _preact.h)("div", null, children));

exports.default = _default;