30 lines
939 B
TypeScript
30 lines
939 B
TypeScript
import React, { useEffect, useId, useState } from 'react';
|
|
import Switch from "react-switch";
|
|
|
|
import resolveConfig from 'tailwindcss/resolveConfig'
|
|
import tailwindConfig from '../../tailwind.config.js';
|
|
const fullConfig = resolveConfig(tailwindConfig as any);
|
|
|
|
|
|
|
|
export const SwitchField = ({
|
|
field,
|
|
form,
|
|
disabled
|
|
}) => {
|
|
const handleChange = (data: any) => {
|
|
form.setFieldValue(
|
|
field.name,
|
|
data,
|
|
);
|
|
};
|
|
|
|
|
|
const buttonColor = fullConfig.theme.accentColor.midnightBlueTheme?.buttonColor;
|
|
const cardColor = fullConfig.theme.accentColor.midnightBlueTheme?.cardColor;
|
|
|
|
return (
|
|
<Switch checkedIcon={false} uncheckedIcon={false} className={'check'} onChange={handleChange} onColor={buttonColor} offColor={cardColor} checked={!!field?.value} disabled={disabled} />
|
|
);
|
|
};
|