:construction: create

dashboard/src/components/studio/Confidence.tsx

@@ -0,0 +1,23 @@
+import { Slider } from "antd";
+import type { SliderMarks } from "antd/es/slider";
+import { useIntl } from "react-intl";
+
+const onChange = (value: string) => {
+	console.log(`selected ${value}`);
+};
+type IWidgetConfidence = {
+	defaultValue?: number;
+};
+const Widget = ({ defaultValue = 75 }: IWidgetConfidence) => {
+	const intl = useIntl();
+	const marks: SliderMarks = {
+		0: intl.formatMessage({ id: "forms.fields.confidence.0.label" }),
+		25: intl.formatMessage({ id: "forms.fields.confidence.25.label" }),
+		50: intl.formatMessage({ id: "forms.fields.confidence.50.label" }),
+		75: intl.formatMessage({ id: "forms.fields.confidence.75.label" }),
+		100: intl.formatMessage({ id: "forms.fields.confidence.100.label" }),
+	};
+	return <Slider marks={marks} defaultValue={defaultValue} />;
+};
+
+export default Widget;