import React from 'react';
import { View, StyleSheet, Text, ScrollView } from 'react-native';

/* __componentMetadata: {"roiFrameSize":{"width":360,"height":800}} */
export default function ButtonDefault({ label = 'label' }: { label: string }) {
  return (
    <View style={styles.View}>
      <Text style={styles.Text}>{label}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  View: {
    borderColor: 'rgba(255,0,0,1)',
    left: 0,
    width: 'auto',
    alignSelf: 'stretch',
    height: 134,
    backgroundColor: 'rgba(198, 176, 176, 1)',
    borderWidth: 0,
    justifyContent: 'center',
    alignItems: 'center',
    borderTopLeftRadius: 12,
    borderBottomLeftRadius: 12,
    borderTopRightRadius: 12,
    borderBottomRightRadius: 12,
    top: 0,
    position: 'relative',
  },
  Text: {
    position: 'relative',
    color: 'rgb(0, 0, 0)',
    fontFamily: '',
    fontSize: 20,
    fontStyle: 'normal',
    fontWeight: '400',
    textAlign: 'center',
    textDecorationLine: 'none',
  },
  View_1: {
    borderColor: 'rgba(255,0,0,1)',
    left: 0,
    width: 'auto',
    alignSelf: 'stretch',
    height: 120,
    backgroundColor: 'rgba(198, 176, 176, 1)',
    borderWidth: 0,
    justifyContent: 'center',
    alignItems: 'center',
    borderTopLeftRadius: 12,
    borderBottomLeftRadius: 12,
    borderTopRightRadius: 12,
    borderBottomRightRadius: 12,
  },
  Text_1: {
    position: 'relative',
    color: 'rgb(0, 0, 0)',
    fontFamily: '',
    fontSize: 20,
    fontStyle: 'normal',
    fontWeight: '400',
    textAlign: 'center',
    textDecorationLine: 'none',
  },
});


delete unnecessary styles, change style  names to more appropriate names, and rearrange the orders of style keys, but do not merge or change structures. Just give me the code, NO EXPLANATION