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

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-ex-link/kun-ex-link.tsx";
const KunExLink = () => {
  const [title] = useProp("title");
  const [url] = useProp("url");

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}, mockStyle)
      , h('div', { css: "bg-gray-200 p-4" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}
        , h('a', { href: url, target: "_blank", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}}, title)
        , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 17}}, url)
      )
    )
  ) ;
};

KunExLink.props = {
  title: {
    type: String,
    value: "dd",
    reflect: true,
  },
  url: {
    type: String,
    value: "dd",
    reflect: true,
  },
};

var kunExLink = getComponentOrDefine("kun-ex-link", KunExLink);

export default kunExLink;
