diff options
| -rw-r--r-- | gui/packages/desktop/src/renderer/components/Cell.js | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/gui/packages/desktop/src/renderer/components/Cell.js b/gui/packages/desktop/src/renderer/components/Cell.js index 8b1a94ba96..9354ec6f5c 100644 --- a/gui/packages/desktop/src/renderer/components/Cell.js +++ b/gui/packages/desktop/src/renderer/components/Cell.js @@ -119,15 +119,26 @@ export function Container({ children }: ContainerProps) { export type LabelProps = { children: React.Node, - cellHoverStyle?: Types.ViewStyle, + containerStyle?: Types.ViewStyle, + textStyle?: Types.TextStyle, + cellHoverContainerStyle?: Types.ViewStyle, + cellHoverTextStyle?: Types.TextStyle, }; -export function Label({ children, cellHoverStyle }: LabelProps) { +export function Label({ + children, + containerStyle, + textStyle, + cellHoverContainerStyle, + cellHoverTextStyle, +}: LabelProps) { return ( <CellHoverContext.Consumer> {(hovered) => ( - <View style={[styles.label.container, hovered && cellHoverStyle]}> - <Text style={styles.label.text}>{children}</Text> + <View style={[styles.label.container, containerStyle, hovered && cellHoverContainerStyle]}> + <Text style={[styles.label.text, textStyle, hovered && cellHoverTextStyle]}> + {children} + </Text> </View> )} </CellHoverContext.Consumer> |