import { StyleSheet } from "react-native";

const ButtonStyles = StyleSheet.create({
   btnIconHeader: { padding: 3 },
   btnFiturMenu: { padding: 13, borderRadius: 20, borderWidth: 1 },
   btnRound: {
      backgroundColor: '#1F3C88',
      borderWidth: 0,
      borderColor: '#1F3C88',
      alignItems: 'center',
      borderRadius: 30,
      marginTop: 15,
      paddingVertical: 10,
   },
   btnTab: {
      alignItems: 'center',
      paddingVertical: 5,
      paddingHorizontal: 15,
      borderRadius: 20,
      flexDirection: 'row',
      justifyContent: 'center',
   },
   btnLainnya: {
      alignSelf: 'flex-start',
      backgroundColor: '#1F3C88',
      paddingVertical: 5,
      marginVertical: 5,
   },
   btnDisabled: { backgroundColor: '#d6d8f6' },
   btnMenuRow: { width: '33%', alignItems: 'center' },
   btnMenuRowMany: { alignItems: 'center', marginHorizontal: 10 },
   wrapBtnTab: {
      justifyContent: 'space-between',
      flexDirection: 'row',
      marginBottom: 10,
      borderRadius: 20,
      padding: 5,
      borderWidth: 1,
   },
   labelStatus: { paddingHorizontal: 15, paddingVertical: 4, borderRadius: 20 },
   labelStatusSmall: { paddingHorizontal: 10, paddingVertical: 3, borderRadius: 20 },
});

export default ButtonStyles;
