react-bluesky-embed/dist/bluesky-theme/postThread-skeleton.js

React Bluesky Embed allows you to embed post threads, profiles, and comments in your React application when using Next.js, Create React App, Vite, and more.

import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ThemeContainer}from"./theme-container.js";export const PostThreadSkeleton=({theme="light"})=>{return /*#__PURE__*/_jsx(ThemeContainer,{theme:theme,children:/*#__PURE__*/_jsx("div",{className:"dark:bg-[#161e27] bg-white transition max-w-[600px] sm:min-w-[300px] rounded-xl p-4 border",children:/*#__PURE__*/_jsxs("div",{className:"flex-1 flex-col flex gap-2",children:[/*#__PURE__*/_jsxs("div",{className:"flex gap-2.5 items-center",children:[/*#__PURE__*/_jsx("div",{className:"w-10 h-10 overflow-hidden rounded-full bg-neutral-100 dark:bg-gray-700 shrink-0 animate-pulse"}),/*#__PURE__*/_jsxs("div",{className:"flex-1",children:[/*#__PURE__*/_jsx("div",{className:"bg-neutral-100 dark:bg-gray-700 animate-pulse w-64 h-4 rounded"}),/*#__PURE__*/_jsx("div",{className:"bg-neutral-100 dark:bg-gray-700 animate-pulse w-32 h-3 mt-1 rounded"})]})]}),/*#__PURE__*/_jsx("div",{className:"w-full h-4 mt-2 bg-neutral-100 dark:bg-gray-700 rounded animate-pulse"}),/*#__PURE__*/_jsx("div",{className:"w-5/6 h-4 bg-neutral-100 dark:bg-gray-700 rounded animate-pulse"}),/*#__PURE__*/_jsx("div",{className:"w-3/4 h-4 bg-neutral-100 dark:bg-gray-700 rounded animate-pulse"})]})})})};