import { 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-card-item/kun-card-item.tsx";
const KunCardItem = ({ content }) => (
  h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}, style)
    , h('div', { className: "flex flex-col" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
      , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}
        , content
      )
      , h('div', { className: "flex justify-between" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}} )
    )
  )
);

KunCardItem.props = {
  message: {
    type: String,
    value: "kun-card-item",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunCardItem = getComponentOrDefine("kun-card-item", KunCardItem);

export default kunCardItem;
