Apply prettier over all files

components/product/Swatch/Swatch.tsx

@@ -1,14 +1,14 @@
-import cn from "classnames";
-import React, { FunctionComponent } from "react";
-import s from "./Swatch.module.css";
-import { Colors } from "@components/ui/types";
+import cn from 'classnames'
+import React, { FunctionComponent } from 'react'
+import s from './Swatch.module.css'
+import { Colors } from '@components/ui/types'
 
 interface Props {
-  className?: string;
-  children?: any;
-  active?: boolean;
-  color?: Colors;
-  size?: string;
+  className?: string
+  children?: any
+  active?: boolean
+  color?: Colors
+  size?: string
 }
 
 const Swatch: FunctionComponent<Props> = ({
@@ -22,14 +22,14 @@ const Swatch: FunctionComponent<Props> = ({
     {
       [s.active]: active,
       [s.size]: size,
-      [s.colorPink]: color === "pink",
-      [s.colorWhite]: color === "white",
-      [s.colorBlack]: color === "black",
-      [s.colorViolet]: color === "violet",
+      [s.colorPink]: color === 'pink',
+      [s.colorWhite]: color === 'white',
+      [s.colorBlack]: color === 'black',
+      [s.colorViolet]: color === 'violet',
     },
     className
-  );
-  return <span className={rootClassName}>{size ? size : null}</span>;
-};
+  )
+  return <span className={rootClassName}>{size ? size : null}</span>
+}
 
-export default Swatch;
+export default Swatch

components/product/Swatch/index.ts

@@ -1 +1 @@
-export { default } from "./Swatch";
+export { default } from './Swatch'