import React from 'react';
import { Outlet, useParams } from 'react-router';
import { Collapse } from 'antd';
import PhotoListExample from './demos/PhotoListExample';
import ImageLinkExample from './demos/ImageLinkExample';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
const {
  Panel
} = Collapse;
const Demos = () => {
  const params = useParams();
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [!params.component && /*#__PURE__*/_jsxs(Collapse, {
      defaultActiveKey: ['PhotoList'],
      children: [/*#__PURE__*/_jsx(Panel, {
        header: "ImageLink",
        children: /*#__PURE__*/_jsx(ImageLinkExample, {})
      }, 'ImageLink'), /*#__PURE__*/_jsx(Panel, {
        header: "PhotoList",
        children: /*#__PURE__*/_jsx(PhotoListExample, {})
      }, 'PhotoList')]
    }), /*#__PURE__*/_jsx(Outlet, {})]
  });
};
export default Demos;
//# sourceMappingURL=Demos.js.map