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>
  )
}