import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';

const KunPageTop = props => h("host", null, h("div", {
  className: "mt-10 mb-6 mx-auto"
}, h("h1", {
  className: "flex items-center font-size-lg"
}, props.kunTitle), h("div", {
  className: "mt-0 mb-4 text-gray-600"
}, props.kunMessage), h("hr", {
  className: "my-8 border-b-2 border-gray-200"
})));

KunPageTop.props = {
  kunTitle: {
    type: String,
    value: "title",
    reflect: true,
    event: {
      type: "changeTitle"
    }
  },
  kunMessage: {
    type: String,
    value: "kun-page-top",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunPageTop = getComponentOrDefine("kun-page-top", KunPageTop);

export default kunPageTop;
//# sourceMappingURL=kun-page-top.js.map
