"use strict";

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

var _jsxRuntime = require("react/jsx-runtime");

function BannerMessage(_ref) {
  var title = _ref.title,
      subtitle = _ref.subtitle,
      prepend = _ref.prepend,
      append = _ref.append;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "flex flex-col p-16 items-center justify-center text-center",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      children: prepend
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "text-4xl text-gray-800 font-bold mb-2",
      children: title
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "text-md text-gray-400 mb-4",
      children: subtitle
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      children: append
    })]
  });
}