mirror of
https://github.com/RooVetGit/Roo-Code.git
synced 2026-09-26 01:11:20 +00:00
31 lines
838 B
TypeScript
31 lines
838 B
TypeScript
import { VSCodeCheckbox } from "@vscode/webview-ui-toolkit/react"
|
||
|
||
interface ExperimentalFeatureProps {
|
||
name: string
|
||
description: string
|
||
enabled: boolean
|
||
onChange: (value: boolean) => void
|
||
}
|
||
|
||
const ExperimentalFeature = ({ name, description, enabled, onChange }: ExperimentalFeatureProps) => {
|
||
return (
|
||
<div>
|
||
<div style={{ display: "flex", alignItems: "center", gap: "5px" }}>
|
||
<span style={{ color: "var(--vscode-errorForeground)" }}>⚠️</span>
|
||
<VSCodeCheckbox checked={enabled} onChange={(e: any) => onChange(e.target.checked)}>
|
||
<span style={{ fontWeight: "500" }}>{name}</span>
|
||
</VSCodeCheckbox>
|
||
</div>
|
||
<p
|
||
style={{
|
||
fontSize: "12px",
|
||
marginBottom: 15,
|
||
color: "var(--vscode-descriptionForeground)",
|
||
}}>
|
||
{description}
|
||
</p>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default ExperimentalFeature
|