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

var style = "";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/custom-element/custom-element.tsx";
const CustomElement = ({ message }) => (
  h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}, style)
    , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
      , message
    )
  )
);

CustomElement.props = {
  message: {
    type: String,
    value: "custom-element",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var customElement = getComponentOrDefine("custom-element", CustomElement);

export default customElement;
