diff --git a/packages/core/src/components/SectionList/SectionHeader.tsx b/packages/core/src/components/SectionList/SectionHeader.tsx index 441a1bff0..4c804ccc3 100644 --- a/packages/core/src/components/SectionList/SectionHeader.tsx +++ b/packages/core/src/components/SectionList/SectionHeader.tsx @@ -15,15 +15,17 @@ const SectionHeader: React.FC> = ({ interface DefaultSectionHeaderProps { title: string; theme: ReadTheme; + backgroundColor?: string; + textColor?: string; } export const DefaultSectionHeader = withTheme( - ({ title, theme }: DefaultSectionHeaderProps) => { + ({ title, theme, backgroundColor, textColor }: DefaultSectionHeaderProps) => { return ( { }) => JSX.Element; keyExtractor?: (item: T, index: number) => string; listComponent?: ListComponentType; + sectionHeaderBackgroundColor?: string; + sectionHeaderTextColor?: string; } export type FlatListSectionListProps = Omit, "renderItem"> & @@ -52,6 +54,8 @@ const SectionList = React.forwardRef( data: dataProp, renderItem: renderItemProp, keyExtractor: keyExtractorProp, + sectionHeaderBackgroundColor, + sectionHeaderTextColor, ...rest }: FlatListSectionListProps | FlashListSectionListProps, ref: React.Ref> @@ -161,7 +165,11 @@ const SectionList = React.forwardRef( }); return ( extractSectionHeader(renderedItem) || ( - + ) ); }