Skeleton

packages/react/src/components/skeleton/skeleton.tsx

import React from 'react';
import { skeletonStyleKeys } from '../lib/core';
import styles from './skeleton.module.scss';

export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {}

const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(({ className = '', ...props }, ref) => {
	return <div ref={ref} className={`${styles[skeletonStyleKeys.base]} ${className}`} {...props} />;
});

Skeleton.displayName = 'Skeleton';

export { Skeleton };
export default Skeleton;