mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
39 lines
856 B
TypeScript
39 lines
856 B
TypeScript
import { themeStyle } from '@joplin/lib/theme';
|
|
import * as React from 'react';
|
|
const ReactToggleButton = require('react-toggle-button');
|
|
const Color = require('color');
|
|
|
|
interface Props {
|
|
value: boolean;
|
|
// eslint-disable-next-line @typescript-eslint/ban-types -- Old code before rule was applied
|
|
onToggle: Function;
|
|
themeId: number;
|
|
}
|
|
|
|
export default function(props: Props) {
|
|
const theme = themeStyle(props.themeId);
|
|
|
|
return (
|
|
<ReactToggleButton
|
|
value={props.value}
|
|
onToggle={props.onToggle}
|
|
colors={{
|
|
activeThumb: {
|
|
base: Color(theme.color5).rgb().string(),
|
|
},
|
|
active: {
|
|
base: Color(theme.backgroundColor5).alpha(0.7).rgb().string(),
|
|
},
|
|
}}
|
|
trackStyle={{
|
|
opacity: props.value ? 1 : 0.3,
|
|
}}
|
|
thumbStyle={{
|
|
opacity: props.value ? 1 : 0.5,
|
|
}}
|
|
inactiveLabel=""
|
|
activeLabel=""
|
|
/>
|
|
);
|
|
}
|