35 lines
723 B
TypeScript
35 lines
723 B
TypeScript
import { View } from 'react-native'
|
|
import { Button, Subheading } from 'react-native-paper'
|
|
import { ITEM_PADDING } from './constants'
|
|
|
|
export default function SettingButton(
|
|
{ name: text, label, onPress }: {
|
|
name: string
|
|
label?: string
|
|
onPress: () => void
|
|
},
|
|
) {
|
|
if (label) {
|
|
return (
|
|
<View
|
|
style={{
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
paddingLeft: ITEM_PADDING,
|
|
}}
|
|
>
|
|
<Subheading style={{ width: 100 }}>{label}</Subheading>
|
|
<Button onPress={onPress}>{text}</Button>
|
|
</View>
|
|
)
|
|
}
|
|
return (
|
|
<Button
|
|
style={{ alignSelf: 'flex-start' }}
|
|
onPress={onPress}
|
|
>
|
|
{text}
|
|
</Button>
|
|
)
|
|
}
|