import { h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-page-top/kun-page-top.tsx";
const KunPageTop = (props) => (
  h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 5}}
    , h('div', { className: "mt-10 mb-6 mx-auto"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}
      , h('h1', {
        className: "flex items-center font-size-lg"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}
      
        , props.kunTitle
      )
      , h('div', { className: "mt-0 mb-4 text-gray-600"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
        , props.kunMessage
      )
      , h('hr', { className: "my-8 border-b-2 border-gray-200"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}} )
    )
  )
);

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;
