@botonic/react/lib/cjs/components/pic.js

Build Chatbots using React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Pic = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const constants_1 = require("../constants");
const environment_1 = require("../util/environment");
const react_1 = require("../util/react");
const PicStyled = styled_components_1.default.img `
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
  height: 140px;
  background: ${constants_1.COLORS.SOLID_WHITE};
  object-fit: center/cover;
  border-bottom: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
`;
const Pic = (props) => {
    props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
    const renderBrowser = () => (0, jsx_runtime_1.jsx)(PicStyled, { src: props.src });
    // @ts-ignore
    const renderNode = () => (0, jsx_runtime_1.jsx)("pic", { children: props.src });
    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
};
exports.Pic = Pic;
exports.Pic.serialize = (props) => {
    return { pic: props.src };
};
//# sourceMappingURL=pic.js.map