@@ -36,7 +36,7 @@ export default function ShareDemo() {
3636 type = "button"
3737 onClick = { onClick }
3838 disabled = { isLoading }
39- className = "flex items-center justify-center gap-2 px-4 py-3 bg-black text-white rounded-lg hover:bg-gray-800 transition-colors disabled:opacity-50"
39+ className = "flex items-center justify-center gap-2 px-4 py-3 bg-black text-white rounded-lg hover:bg-gray-800 transition-colors disabled:opacity-50 cursor-pointer "
4040 >
4141 { isLoading ? (
4242 < Loader2 className = "w-5 h-5 animate-spin" />
@@ -54,7 +54,7 @@ export default function ShareDemo() {
5454 type = "button"
5555 onClick = { onClick }
5656 disabled = { isLoading }
57- className = "flex items-center justify-center gap-2 px-4 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50"
57+ className = "flex items-center justify-center gap-2 px-4 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 cursor-pointer "
5858 >
5959 { isLoading ? (
6060 < Loader2 className = "w-5 h-5 animate-spin" />
@@ -72,7 +72,7 @@ export default function ShareDemo() {
7272 type = "button"
7373 onClick = { onClick }
7474 disabled = { isLoading }
75- className = "flex items-center justify-center gap-2 px-4 py-3 bg-yellow-400 text-black rounded-lg hover:bg-yellow-500 transition-colors disabled:opacity-50"
75+ className = "flex items-center justify-center gap-2 px-4 py-3 bg-yellow-400 text-black rounded-lg hover:bg-yellow-500 transition-colors disabled:opacity-50 cursor-pointer "
7676 >
7777 { isLoading ? (
7878 < Loader2 className = "w-5 h-5 animate-spin" />
@@ -90,7 +90,7 @@ export default function ShareDemo() {
9090 type = "button"
9191 onClick = { onClick }
9292 disabled = { isLoading }
93- className = "flex items-center justify-center gap-2 px-4 py-3 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition-colors disabled:opacity-50"
93+ className = "flex items-center justify-center gap-2 px-4 py-3 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition-colors disabled:opacity-50 cursor-pointer "
9494 >
9595 { isLoading ? (
9696 < Loader2 className = "w-5 h-5 animate-spin" />
@@ -122,7 +122,7 @@ export default function ShareDemo() {
122122 type = "button"
123123 onClick = { onClick }
124124 disabled = { isLoading }
125- className = { `w-full px-4 py-3 ${ color } text-white rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 flex items-center justify-center gap-2` }
125+ className = { `w-full px-4 py-3 ${ color } text-white rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 flex items-center justify-center gap-2 cursor-pointer ` }
126126 >
127127 { isLoading && < Loader2 className = "w-4 h-4 animate-spin" /> }
128128 < span > { isLoading ? "Loading..." : label } </ span >
@@ -150,7 +150,7 @@ export default function ShareDemo() {
150150 type = "button"
151151 onClick = { onClick }
152152 disabled = { isLoading }
153- className = "flex items-center gap-2 px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50"
153+ className = "flex items-center gap-2 px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors disabled:opacity-50 cursor-pointer "
154154 >
155155 { isLoading ? (
156156 < Loader2 className = "w-5 h-5 animate-spin" />
@@ -182,7 +182,7 @@ export default function ShareDemo() {
182182 type = "button"
183183 onClick = { onClick }
184184 disabled = { isLoading }
185- className = "flex items-center gap-2 px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50"
185+ className = "flex items-center gap-2 px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50 cursor-pointer "
186186 >
187187 { isLoading ? (
188188 < Loader2 className = "w-5 h-5 animate-spin" />
0 commit comments