refactor(SkeletonPlaceholder): convert SkeletonPlaceholder to TypeScr…

…ipt (#14501)
carbon-design-system · Aug 24, 2023 · 493ac04 · 493ac04
1 parent b46160c
commit 493ac04
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/...keletonPlaceholder/SkeletonPlaceholder.js → ...eletonPlaceholder/SkeletonPlaceholder.tsx b/...keletonPlaceholder/SkeletonPlaceholder.js → ...eletonPlaceholder/SkeletonPlaceholder.tsx
@@ -10,12 +10,24 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 
-const SkeletonPlaceholder = ({ className, ...other }) => {
+export interface SkeletonPlaceholderProps {
+  /**
+   * Add a custom class to the component to set the height and width
+   */
+  className?: string;
+}
+
+const SkeletonPlaceholder = ({
+  className,
+  ...other
+}: SkeletonPlaceholderProps) => {
   const prefix = usePrefix();
-  const skeletonPlaceholderClasses = classNames({
-    [`${prefix}--skeleton__placeholder`]: true,
-    [className]: className,
-  });
+  const skeletonPlaceholderClasses = classNames(
+    {
+      [`${prefix}--skeleton__placeholder`]: true,
+    },
+    className
+  );
 
   return <div className={skeletonPlaceholderClasses} {...other} />;
 };

diff --git a/...c/components/SkeletonPlaceholder/index.js → ...c/components/SkeletonPlaceholder/index.ts b/...c/components/SkeletonPlaceholder/index.js → ...c/components/SkeletonPlaceholder/index.ts