import { ReactNode, useState } from "react";

import "./Button.css";
import { getCN, usePadding, onLoad } from "../../utils";

function SkeletonButton({
  children,
  className,
  skeleton = true,
  ...props
}: {
  [x: string]: any;
}) {
  return (
    <div {...props} className={getCN([className, skeleton && "MYUI-SkeletonButton"])}>
      {!skeleton ? children : <div className="MYUI-SkeletonButton__in">{children}</div>}
    </div>
  );
}

export default SkeletonButton;
