52 lines
1006 B
TypeScript
52 lines
1006 B
TypeScript
import React from 'react';
|
|
import { ColorValue } from 'react-native';
|
|
import { Switch as NativeSwitch } from 'react-native-paper';
|
|
|
|
import { SwitchProps } from '../types';
|
|
|
|
import {
|
|
DISABLED_TRACK_COLOR,
|
|
ENABLED_TRACK_COLOR,
|
|
THUMB_COLOR
|
|
} from './switchStyles';
|
|
|
|
interface Props extends SwitchProps {
|
|
|
|
/**
|
|
* Custom styles for the switch.
|
|
*/
|
|
style?: Object;
|
|
|
|
/**
|
|
* Color of the switch button.
|
|
*/
|
|
thumbColor?: ColorValue;
|
|
|
|
/**
|
|
* Color of the switch background.
|
|
*/
|
|
trackColor?: Object;
|
|
}
|
|
|
|
const Switch = ({
|
|
checked,
|
|
disabled,
|
|
onChange,
|
|
thumbColor = THUMB_COLOR,
|
|
trackColor = {
|
|
true: ENABLED_TRACK_COLOR,
|
|
false: DISABLED_TRACK_COLOR
|
|
},
|
|
style
|
|
}: Props) => (
|
|
<NativeSwitch
|
|
disabled = { disabled }
|
|
onValueChange = { onChange }
|
|
style = { style }
|
|
thumbColor = { thumbColor }
|
|
trackColor = { trackColor }
|
|
value = { checked } />
|
|
);
|
|
|
|
export default Switch;
|