import {type ReactNode} from 'react' import {View} from 'react-native' import { atoms as a, flatten, type TextStyleProp, useAlf, useTheme, type ViewStyleProp, } from '#/alf' import {normalizeTextStyles} from '#/alf/typography' type SkeletonProps = { blend?: boolean } export function Text({blend, style}: TextStyleProp & SkeletonProps) { const {fonts, flags, theme: t} = useAlf() const {width, ...flattened} = flatten(style) const {lineHeight = 14, ...rest} = normalizeTextStyles( [a.text_sm, a.leading_snug, flattened], { fontScale: fonts.scaleMultiplier, fontFamily: fonts.family, flags, }, ) return ( ) } export function Circle({ children, size, blend, style, }: ViewStyleProp & {children?: ReactNode; size: number} & SkeletonProps) { const t = useTheme() return ( {children} ) } export function Pill({ size, blend, style, }: ViewStyleProp & {size: number} & SkeletonProps) { const t = useTheme() return ( ) } export function Col({ children, style, }: ViewStyleProp & {children?: React.ReactNode}) { return {children} } export function Row({ children, style, }: ViewStyleProp & {children?: React.ReactNode}) { return {children} }