27 lines
571 B
TypeScript
27 lines
571 B
TypeScript
import React from 'react';
|
|
|
|
interface SkeletonProps {
|
|
width?: string | number;
|
|
height?: string | number;
|
|
circle?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export function Skeleton({ width, height, circle, className = '' }: SkeletonProps) {
|
|
const style: React.CSSProperties = {
|
|
width: width,
|
|
height: height,
|
|
borderRadius: circle ? '9999px' : '0.375rem',
|
|
backgroundColor: 'rgba(38, 38, 38, 0.4)',
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className={`animate-pulse ${className}`}
|
|
style={style}
|
|
role="status"
|
|
aria-label="Loading..."
|
|
/>
|
|
);
|
|
}
|