sprint-asia-custom-component 0.1.182 → 0.1.183

package/dist/index.js

@@ -45186,10 +45186,10 @@
       }
     };
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `relative inline-block ${checked ? 'bg-primary500' : 'bg-neutral40'} rounded-full w-12 h-6 transition-all duration-300 ${isEdit ? "cursor-pointer" : "cursor-default"}`,
+      className: `relative inline-block ${checked ? "bg-primary500" : "bg-neutral40"} rounded-full w-12 h-6 transition-all duration-300 ${isEdit ? "cursor-pointer opacity-100" : "cursor-not-allowed opacity-50"}`,
       onClick: handleClick
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `absolute flex items-center justify-center w-6 h-6 transition-all duration-300 ${checked ? 'right-0' : 'left-0'}`
+      className: `absolute flex items-center justify-center w-6 h-6 transition-all duration-300 ${checked ? "right-0" : "left-0"}`
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: `w-4 h-4 bg-white rounded-full shadow-md transition-all`
     })));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.182",
+  "version": "0.1.183",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/switch/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 
 const Switch = ({ onChange, checked, isEdit }) => {
   const handleClick = () => {
@@ -9,12 +9,17 @@ const Switch = ({ onChange, checked, isEdit }) => {
 
   return (
     <div
-      className={`relative inline-block ${checked ? 'bg-primary500' : 'bg-neutral40'} rounded-full w-12 h-6 transition-all duration-300 ${isEdit ? "cursor-pointer" : "cursor-default"}`}
+      className={`relative inline-block ${
+        checked ? "bg-primary500" : "bg-neutral40"
+      } rounded-full w-12 h-6 transition-all duration-300 ${
+        isEdit ? "cursor-pointer opacity-100" : "cursor-not-allowed opacity-50"
+      }`}
       onClick={handleClick}
     >
       <div
         className={`absolute flex items-center justify-center w-6 h-6 transition-all duration-300 ${
-          checked ? 'right-0' : 'left-0'}`}
+          checked ? "right-0" : "left-0"
+        }`}
       >
         <div className={`w-4 h-4 bg-white rounded-full shadow-md transition-all`}></div>
       </div>
@@ -22,4 +27,4 @@ const Switch = ({ onChange, checked, isEdit }) => {
   );
 };
 
-export default Switch;
+export default Switch;