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

var style = ":host {\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-component-post/kun-component-post.tsx";
const KunComponentPost = () => {
  const [hello] = useProp("title");
  const [content] = useProp("content");
  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}, style)
      , h('div', { className: "my-4 px-3" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
        , h('div', { className: "flex font-black font-black"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}, hello)
        , h('div', { className: "my-4 " , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}, content)
      )
    )
  );
};

KunComponentPost.props = {
  content: {
    type: String,
    value: "title",
  },
  title: {
    type: String,
    value: "kun-component-post",
  },
};

var kunComponentPost = getComponentOrDefine("kun-component-post", KunComponentPost);

export default kunComponentPost;
