import { StyleSheet } from "react-native";

const AnnouncementStyles = StyleSheet.create({
   // list (index.tsx)
   announcementListContainer:     { padding: 15, paddingBottom: 0 },
   announcementListInner:         { marginTop: 10 },
   announcementListCard:          { borderRadius: 8, borderWidth: 1, padding: 12 },
   announcementListCardHeader:    { marginBottom: 6 },
   announcementListTitleRow:      { flex: 1, gap: 8, marginRight: 8, flexDirection: 'row', alignItems: 'center' },
   announcementListIconBox:       { width: 28, height: 28, borderRadius: 8, alignItems: 'center', justifyContent: 'center' },
   announcementListTitleText:     { flex: 1 },
   announcementListDateText:      { flexShrink: 0 },
   announcementListDescText:      { lineHeight: 20 },
   announcementListSeparator:     { height: 8 },
   announcementListSkeletonCard:  { gap: 8 },
   announcementListSkeletonHeader: { marginBottom: 4 },
   announcementListSkeletonTitleRow: { gap: 8, flex: 1, flexDirection: 'row', alignItems: 'center' },

   // detail ([id].tsx)
   announcementDetailContainer:         { padding: 15, paddingBottom: 50, gap: 12 },
   announcementDetailCard:              { borderRadius: 8 },
   announcementDetailSkeletonGap:       { gap: 8 },
   announcementDetailSkeletonIconRow:   { gap: 10, marginBottom: 2 },
   announcementDetailTitleRow:          { gap: 10, marginBottom: 10 },
   announcementDetailIconBox:           { width: 38, height: 38, borderRadius: 8 },
   announcementDetailTitleText:         { fontSize: 17, lineHeight: 24, flex: 1 },
   announcementDetailSectionLabelRow:   { marginBottom: 8, gap: 6 },
   announcementDetailFileCardPadding:   { padding: 10 },
   announcementDetailFileChipList:      { gap: 8 },
   announcementDetailFileChip:          { flexDirection: 'row', alignItems: 'center', gap: 6, paddingHorizontal: 12, paddingVertical: 8, borderRadius: 20, borderWidth: 1 },
   announcementDetailFileChipText:      { maxWidth: 120 },
   announcementDetailRecipientGap:      { gap: 10 },
   announcementDetailGroupSeparator:    { marginTop: 12, paddingTop: 12, borderTopWidth: 1 },
   announcementDetailGroupLabel:        { marginBottom: 6 },
   announcementDetailDivisionRow:       { gap: 8, paddingVertical: 6 },
   announcementDetailDivisionIconCircle: { width: 26, height: 26, borderRadius: 100, alignItems: 'center', justifyContent: 'center' },
});

export default AnnouncementStyles;
