collaborative-ui/lib/docs/App/markdown/custom.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.custom = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Flex_1 = require("nice-ui/lib/3-list-item/Flex");
const Avatar_1 = require("nice-ui/lib/1-inline/Avatar");
const Space_1 = require("nice-ui/lib/3-list-item/Space");
exports.custom = {
    Avatar: (props) => React.createElement(Avatar_1.Avatar, { ...props }),
    AvatarsPreview: (props) => (React.createElement(Flex_1.Flex, null,
        React.createElement(Avatar_1.Avatar, { ...props, name: 'John Doe' }),
        React.createElement(Space_1.Space, { horizontal: true }),
        React.createElement(Avatar_1.Avatar, { ...props, width: 64, src: 'https://bafybeicwjfikrmhtjjfuthpk5zbs7sofwvgvoyr3oo7ligkrzm7fxfu53a.ipfs.nftstorage.link/5007.png' }),
        React.createElement(Space_1.Space, { horizontal: true }),
        React.createElement(Avatar_1.Avatar, { ...props, width: 40, name: 'Tyler Durden!', isPrivate: true }),
        React.createElement(Space_1.Space, { horizontal: true }),
        React.createElement(Avatar_1.Avatar, { ...props, width: 56, name: 'System', isOP: true }),
        React.createElement(Space_1.Space, { horizontal: true }),
        React.createElement(Avatar_1.Avatar, { ...props, width: 36, name: 'Notes++', square: true, rounded: true }))),
};