diff options
Diffstat (limited to 'src/view/com/Typography.tsx')
-rw-r--r-- | src/view/com/Typography.tsx | 104 |
1 files changed, 0 insertions, 104 deletions
diff --git a/src/view/com/Typography.tsx b/src/view/com/Typography.tsx deleted file mode 100644 index 6579c2e51..000000000 --- a/src/view/com/Typography.tsx +++ /dev/null @@ -1,104 +0,0 @@ -import React from 'react' -import {Text as RNText, TextProps} from 'react-native' -import {useTheme, atoms, web} from '#/alf' - -export function Text({style, ...rest}: TextProps) { - const t = useTheme() - return <RNText style={[atoms.text_sm, t.atoms.text, style]} {...rest} /> -} - -export function H1({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 1, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_xl, atoms.font_bold, t.atoms.text, style]} - /> - ) -} - -export function H2({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 2, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_lg, atoms.font_bold, t.atoms.text, style]} - /> - ) -} - -export function H3({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 3, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_md, atoms.font_bold, t.atoms.text, style]} - /> - ) -} - -export function H4({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 4, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_sm, atoms.font_bold, t.atoms.text, style]} - /> - ) -} - -export function H5({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 5, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_xs, atoms.font_bold, t.atoms.text, style]} - /> - ) -} - -export function H6({style, ...rest}: TextProps) { - const t = useTheme() - const attr = - web({ - role: 'heading', - 'aria-level': 6, - }) || {} - return ( - <RNText - {...attr} - {...rest} - style={[atoms.text_xxs, atoms.font_bold, t.atoms.text, style]} - /> - ) -} |