fix: formatting

Author: alexcambose

packages/component-library/src/Skeleton/index.tsx

@@ -11,16 +11,27 @@ type Props = Omit<ComponentProps<"span">, "children"> & {
   fill?: boolean | undefined;
 };
 
-export const Skeleton = ({ className, label, width, fill, ...props }: Props) =>
-    <span
-      data-fill-width={width === undefined ? "" : undefined}
-      {...(width && { style: { "--skeleton-width": width } as CSSProperties })}
-      className={clsx(styles.skeleton, { [styles.fullSkeleton ?? '']: fill }, { [className ?? ""]: fill })}
-    >
-      <span className={clsx(styles.skeletonInner, className)} {...props}>
-        <Label>{label ?? "Loading"}</Label>
-      </span>
+export const Skeleton = ({
+  className,
+  label,
+  width,
+  fill,
+  ...props
+}: Props) => (
+  <span
+    data-fill-width={width === undefined ? "" : undefined}
+    {...(width && { style: { "--skeleton-width": width } as CSSProperties })}
+    className={clsx(
+      styles.skeleton,
+      { [styles.fullSkeleton ?? ""]: fill },
+      { [className ?? ""]: fill },
+    )}
+  >
+    <span className={clsx(styles.skeletonInner, className)} {...props}>
+      <Label>{label ?? "Loading"}</Label>
     </span>
+  </span>
+);
 
 const Label = ({ children }: { children: string | undefined }) => (
   <span className={styles.skeletonLabel}>{children ?? "Loading"}</span>