import { useProp, h } from 'atomico';
import 'funfix';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import './kun-icon.js';
import '@caedman/kit/dist/use-stylesheet';
import 'lazyload-image';
import './kun-image.js';

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

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-image-or-default/kun-image-or-default.tsx";
const KunImageOrDefault = () => {
  const [url] = useProp("url");
  const [height] = useProp("height");
  const [width] = useProp("width");

  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}}, style)
      , url != null && (
        h('kun-image', { url: url, width: width, height: height, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}} )
      )
      , url == null && (
        h('kun-icon', { iconType: "logo", iconWidth: width, iconHeight: height, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 21}} )
      )
    )
  );
};

KunImageOrDefault.props = {
  height: {
    type: Number,
  },
  cls: {
    type: String,
    value: "",
  },
  width: {
    type: Number,
  },
  url: {
    type: String,
    reflect: true,
  },
};

var kunImageOrDefault = getComponentOrDefine("kun-image-or-default", KunImageOrDefault);

export default kunImageOrDefault;
