import { StyleSheet } from "react-native";

const CardStyles = StyleSheet.create({
   wrapPaper: {
      padding: 10,
      backgroundColor: 'white',
      borderRadius: 8,
      shadowColor: '#171717',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.1,
      shadowRadius: 5,
      elevation: 2,
   },
   shadowBox: {
      shadowColor: '#171717',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.1,
      shadowRadius: 5,
      elevation: 2,
   },
   noShadow: {
      shadowColor: 'transparent',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0,
      shadowRadius: 0,
      elevation: 0,
   },
   wrapGridContent: {
      shadowColor: '#171717',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.1,
      shadowRadius: 5,
      elevation: 2,
      borderRadius: 8,
      marginBottom: 15,
   },
   wrapGridCaraousel: {
      width: '95%',
      height: 200,
      shadowColor: '#171717',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 0.1,
      shadowRadius: 5,
      elevation: 2,
      borderRadius: 8,
      marginLeft: 5,
      display: 'flex',
   },
   wrapHomeCarousel: {
      shadowColor: '#171717',
      shadowOffset: { width: 0, height: 4 },
      shadowOpacity: 0.15,
      shadowRadius: 8,
      elevation: 5,
   },
   headerPaperGrid: {
      paddingVertical: 25,
      paddingHorizontal: 20,
      alignItems: 'center',
      borderTopStartRadius: 8,
      borderTopEndRadius: 8,
   },
   contentPaperGrid: {
      height: 125,
      borderBottomEndRadius: 8,
      borderBottomStartRadius: 8,
      paddingHorizontal: 20,
      justifyContent: 'space-evenly',
   },
   contentPaperGrid2: {
      height: 100,
      borderBottomEndRadius: 8,
      borderBottomStartRadius: 8,
      paddingHorizontal: 20,
      paddingVertical: 15,
      justifyContent: 'flex-start',
   },
   wrapGridItem: {
      borderWidth: 1,
      borderRadius: 8,
      padding: 10,
      flexDirection: 'row',
      alignItems: 'center',
      width: '48.5%',
      marginBottom: 10,
   },
   listItemCard: {
      flexDirection: 'row',
      alignItems: 'center',
      backgroundColor: 'transparent',
      borderRadius: 8,
      borderWidth: 1,
      paddingHorizontal: 12,
      paddingVertical: 10,
      gap: 12,
   },
   sectionCard: { borderRadius: 8, padding: 16, borderWidth: 1 },
   sectionHeader: { flexDirection: 'row', alignItems: 'center', marginBottom: 12 },
   sectionHeaderRow: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'center',
      marginBottom: 10,
   },
   sectionIconBox: {
      width: 30,
      height: 30,
      borderRadius: 8,
      alignItems: 'center',
      justifyContent: 'center',
   },
   sectionActionRow: { flexDirection: 'row', alignItems: 'center', gap: 10 },
   sectionBadge: { borderRadius: 20, paddingHorizontal: 8, paddingVertical: 2 },
   wrapBar: { height: 20, backgroundColor: '#ccc', borderRadius: 10, margin: 0, width: '100%' },
   contentBar: { height: 20, backgroundColor: '#3B82F6', borderRadius: 10 },
   toastContainer: {
      backgroundColor: 'white',
      borderRadius: 8,
      padding: 10,
      width: '90%',
      borderWidth: 1,
      borderColor: '#d6d8f6',
   },
   loadingCenter: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      bottom: 0,
      justifyContent: 'center',
      alignItems: 'center',
      zIndex: 999,
      backgroundColor: 'rgba(0,0,0,0.3)',
   },
   loadingBox: {
      paddingVertical: 15,
      paddingHorizontal: 40,
      borderRadius: 8,
      alignItems: 'center',
      gap: 10,
   },
   caraoselContent: {
      flex: 1,
      justifyContent: "center",
      marginHorizontal: 15,
      borderRadius: 8,
      backgroundColor: '#19345E',
      display: 'flex',
      width: '92%',
      resizeMode: 'stretch',
      overflow: 'hidden',
   },
   wrapItemDiscussion: { padding: 15, borderRadius: 8, borderBottomWidth: 1 },
   wrapItemBorderBottom: { padding: 10, borderBottomWidth: 1 },
   wrapItemBorderAll: { padding: 10, borderWidth: 1, borderRadius: 8, marginBottom: 5 },
   wrapItemBorderNone: { padding: 10, marginBottom: 5 },
});

export default CardStyles;
