alinea/dist/picker/url/UrlPickerRow.js

Headless git-based CMS

import {
  dist_default
} from "../../chunks/chunk-A5O3N2GS.js";
import "../../chunks/chunk-NZLE2WMY.js";

// src/picker/url/UrlPickerRow.tsx
import { HStack } from "alinea/ui";

// src/picker/url/UrlPickerRow.module.scss
var UrlPickerRow_module_default = {
  "root": "alinea-UrlPickerRow",
  "root-url": "alinea-UrlPickerRow-url",
  "rootUrl": "alinea-UrlPickerRow-url",
  "root-desc": "alinea-UrlPickerRow-desc",
  "rootDesc": "alinea-UrlPickerRow-desc",
  "is-description": "alinea-UrlPickerRow-is-description",
  "isDescription": "alinea-UrlPickerRow-is-description"
};

// src/picker/url/UrlPickerRow.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var styles = dist_default(UrlPickerRow_module_default);
function UrlPickerRow({ reference }) {
  return /* @__PURE__ */ jsxs(
    HStack,
    {
      gap: 16,
      className: styles.root({ description: Boolean(reference._title) }),
      children: [
        /* @__PURE__ */ jsx("span", { className: styles.root.url(), children: reference._url }),
        reference._title && /* @__PURE__ */ jsx("span", { className: styles.root.desc(), children: reference._title })
      ]
    }
  );
}
export {
  UrlPickerRow
};