UNPKG

@vip30/react-social-media-embed

Version:

Easily embed social media posts from Facebook, Instagram, LinkedIn, Pinterest, TikTok, X (Twitter), YouTube and Bluesky in React.

38 lines (37 loc) 1.78 kB
"use strict"; var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.CaptionPlaceholder = void 0; const classnames_1 = __importDefault(require("classnames")); const react_1 = __importDefault(require("react")); const CaptionPlaceholder = (_a) => { var divProps = __rest(_a, []); return (react_1.default.createElement("div", Object.assign({}, divProps, { className: (0, classnames_1.default)(divProps.className), style: Object.assign({}, divProps.style) }), react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center', } }, react_1.default.createElement("div", { style: { backgroundColor: '#F4F4F4', borderRadius: '4px', height: '14px', marginBottom: '6px', width: '224px', } }), react_1.default.createElement("div", { style: { backgroundColor: '#F4F4F4', borderRadius: '4px', height: '14px', width: '144px' } })))); }; exports.CaptionPlaceholder = CaptionPlaceholder;