add style to toggle label to modify text style

This commit is contained in:
Hailey
2024-01-22 13:09:45 -08:00
parent 2389b8301f
commit 8f4b517b85
+6 -2
View File
@@ -1,5 +1,5 @@
import React from 'react' import React from 'react'
import {Pressable, View, ViewStyle} from 'react-native' import {Pressable, TextStyle, View, ViewStyle} from 'react-native'
import {HITSLOP_10} from 'lib/constants' import {HITSLOP_10} from 'lib/constants'
import {useTheme, atoms as a, web, native} from '#/alf' import {useTheme, atoms as a, web, native} from '#/alf'
@@ -233,7 +233,10 @@ export function Item({
) )
} }
export function Label({children}: React.PropsWithChildren<{}>) { export function Label({
children,
style = [],
}: React.PropsWithChildren<{style?: TextStyle[]}>) {
const t = useTheme() const t = useTheme()
const {disabled} = useItemContext() const {disabled} = useItemContext()
return ( return (
@@ -247,6 +250,7 @@ export function Label({children}: React.PropsWithChildren<{}>) {
native({ native({
paddingTop: 3, paddingTop: 3,
}), }),
...style,
]}> ]}>
{children} {children}
</Text> </Text>