41 lines
767 B
TypeScript
41 lines
767 B
TypeScript
|
import React from 'react';
|
||
|
|
import { View, StyleSheet } from 'react-native';
|
||
|
|
|
||
|
|
import { SwitchItem } from './SwitchItem';
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
container: {
|
||
|
|
flex: 1,
|
||
|
|
alignItems: 'flex-start',
|
||
|
|
padding: 16
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'SwitchItem'
|
||
|
|
};
|
||
|
|
|
||
|
|
const testSwitch = {
|
||
|
|
id: 'switch-id',
|
||
|
|
hint: 'Read_only_hint',
|
||
|
|
label: 'Onboarding_title',
|
||
|
|
onValueChange: () => {},
|
||
|
|
value: false,
|
||
|
|
testSwitchID: 'create-channel-switch-id',
|
||
|
|
testLabelID: 'create-channel-switch-id-hint'
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Switch = () => (
|
||
|
|
<>
|
||
|
|
<View style={styles.container}>
|
||
|
|
<SwitchItem
|
||
|
|
hint={testSwitch.hint}
|
||
|
|
id={testSwitch.id}
|
||
|
|
label={testSwitch.label}
|
||
|
|
onValueChange={() => testSwitch.onValueChange()}
|
||
|
|
value={testSwitch.value}
|
||
|
|
/>
|
||
|
|
</View>
|
||
|
|
</>
|
||
|
|
);
|