one-click-accessibility/modules/scanner/assets/js/components/heading-structure/heading-tree-loader.js
2025-09-10 17:01:46 +03:00

27 lines
839 B
JavaScript

import Box from '@elementor/ui/Box';
import { styled } from '@elementor/ui/styles';
import { StyledSkeleton } from '@ea11y-apps/scanner/styles/app.styles';
const HeadingStructureHeadingTreeLoader = () => {
return (
<StyledLoaderContainer>
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
<StyledSkeleton width="100%" height={48} />
</StyledLoaderContainer>
);
};
const StyledLoaderContainer = styled(Box)`
display: flex;
flex-direction: column;
margin-top: ${({ theme }) => theme.spacing(2)};
gap: ${({ theme }) => theme.spacing(1.5)};
`;
export default HeadingStructureHeadingTreeLoader;