23 lines
437 B
TypeScript
23 lines
437 B
TypeScript
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import './style.scss';
|
||
|
|
|
||
|
|
export interface SkeletonProps {
|
||
|
|
numberOfLines?: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Skeleton = ( {
|
||
|
|
numberOfLines = 1,
|
||
|
|
}: SkeletonProps ): JSX.Element => {
|
||
|
|
const skeletonLines = Array( numberOfLines ).fill(
|
||
|
|
<span
|
||
|
|
className="wc-block-components-skeleton-text-line"
|
||
|
|
aria-hidden="true"
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
return (
|
||
|
|
<div className="wc-block-components-skeleton">{ skeletonLines }</div>
|
||
|
|
);
|
||
|
|
};
|