import * as React from "react";

export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;

export const Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(
  ({ className = "", ...props }, ref) => (
    <div
      ref={ref}
      className={`animate-pulse rounded-md bg-[rgb(var(--surface-2))] ${className}`}
      {...props}
    />
  )
);

Skeleton.displayName = "Skeleton";