// components/Skeleton.js
import { Tag } from "sigpro";

export const Skeleton = (props) => Tag("div", { ...props, class: `skeleton ${props.class ?? ''}` });

export const SkeletonText = (props) => {
  return Tag("div", { ...props, class: "space-y-2" }, 
    Array.from({ length: props.lines || 3 }, () => 
      Tag("div", { class: `skeleton h-4 w-full ${props.class ?? ''}` })
    )
  );
};