import { Skeleton as ShadcnSkeleton } from '@/shadcn/skeleton';
import { cn } from '@/utils';
import * as React from 'react';
import styles from './BaseSkeleton.module.css';

export const BaseSkeleton = React.forwardRef<
  React.ElementRef<typeof ShadcnSkeleton>,
  React.ComponentPropsWithoutRef<typeof ShadcnSkeleton>
>(({ className, children, ...props }, _ref) => (
  <ShadcnSkeleton className={cn(styles.BaseSkeleton, className)} {...props}>
    {children}
  </ShadcnSkeleton>
));

BaseSkeleton.displayName = 'BaseSkeleton';
