import { defineComponent as n, createElementBlock as l, openBlock as r, createElementVNode as i, toDisplayString as t } from "vue";
const s = { class: "link-preview" }, c = { class: "link-preview__container" }, o = ["href"], a = { class: "link-preview__title" }, _ = { class: "link-preview__description" }, k = ["src", "alt"], p = /* @__PURE__ */ n({
  __name: "LinkPreview",
  props: {
    linkPreview: {
      type: Object,
      required: !0
    }
  },
  setup(e) {
    return (v, d) => (r(), l("div", s, [
      i("div", c, [
        i("a", {
          class: "link-preview__link-container",
          href: e.linkPreview.url,
          target: "_blank"
        }, [
          i("p", a, t(e.linkPreview.title), 1),
          i("p", _, t(e.linkPreview.description), 1),
          i("img", {
            class: "link-preview__image",
            src: e.linkPreview.imageUrl,
            alt: e.linkPreview.title
          }, null, 8, k)
        ], 8, o)
      ])
    ]));
  }
});
export {
  p as default
};
