import React from 'react';
import { getColumnRender } from '../../ddRender/ddRender';
import { ImageLink } from '../../components/Links';
import { TYPE_CREATE_UPDATE_PAGE, TYPE_GET_PAGE } from '../../constants';
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
const Demos = () => {
  const fn = getColumnRender('type:listPage', {
    id: 'photos',
    name: 'Photos',
    type: 'STRING_ARRAY',
    [TYPE_CREATE_UPDATE_PAGE]: ['MultiLineInputBox', 'WithPreview'],
    'type:listPage': ['ImageLink', '{"url":"{{record.photos.[0]}}","imgSrc":"{{record.photos.[0]}}"}'],
    [TYPE_GET_PAGE]: ['ImageLink', '{"url":"{{record.photos.[0]}}","imgSrc":"{{record.photos.[0]}}"}']
  });
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: ["Render from ddRender:", fn('https://docs.mapbox.com/mapbox-gl-js/assets/cat.png', {
      id: 'foo',
      photos: ['https://docs.mapbox.com/mapbox-gl-js/assets/cat.png']
    }), "Render from component:", /*#__PURE__*/_jsx(ImageLink, {
      children: "https://docs.mapbox.com/mapbox-gl-js/assets/cat.png"
    })]
  });
};
export default Demos;
//# sourceMappingURL=ImageLinkExample.js.map