Simple Typescript React-Native Component

Button100x300.tsx

// ... Imports and CSS Definitions as Before

type Button100x30Props = {
  text: string | number;
  disabled?: boolean;
  onPress?: () => void;
  containerStyle?: ViewStyle;
};

/**
 * A simple, stylized, 100x30 button that you
 * can be disabled and further styled.
 */
export default function Button100x30({
  text,
  onPress = () => null,
  containerStyle = {},
  disabled = false
}: Button100x30Props) {
  return (
    <TouchableOpacity
      style={[styles.button, containerStyle]}
      onPress={onPress}
      disabled={disabled}
    >
      <Text style={styles.text}>{text}</Text>
    </TouchableOpacity>
  );
}