bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/common/menu/skeleton.tsx
2024-05-09 09:59:29 -03:00

22 lines
560 B
TypeScript

import React from 'react';
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
import Styled from './styles';
import Settings from '/imports/ui/services/settings';
const MenuSkeleton: React.FC = () => {
// @ts-ignore
const { isRTL } = Settings.application;
return (
<Styled.Skeleton>
<SkeletonTheme baseColor="#DCE4EC">
<Styled.SkeletonWrapper>
<Skeleton direction={isRTL ? 'rtl' : 'ltr'} />
</Styled.SkeletonWrapper>
</SkeletonTheme>
</Styled.Skeleton>
);
};
export default MenuSkeleton;