All files / src/components/common SuccessButton.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
1x
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
import { VSCodeButton } from "@vscode/webview-ui-toolkit/react"
 
interface SuccessButtonTWProps extends React.ComponentProps<typeof VSCodeButton> {}
 
const SuccessButtonTW: React.FC<SuccessButtonTWProps> = (props) => {
	return (
		<VSCodeButton
			{...props}
			className={`
				!bg-[#176f2c] 
				!border-[#176f2c] 
				!text-white
				hover:!bg-[#197f31] 
				hover:!border-[#197f31]
				active:!bg-[#156528] 
				active:!border-[#156528]
				${props.className || ""}
			`
				.replace(/\s+/g, " ")
				.trim()}
		/>
	)
}
 
export default SuccessButtonTW