Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
774 B · 33 lines
TSX
at commit 8ce9bdb2
12345678910111213141516171819202122232425262728293031323334import React from 'react'import {StyleProp, ViewStyle} from 'react-native'import {LinearGradient} from 'expo-linear-gradient'
import {gradients} from '#/alf/tokens'
export function LinearGradientBackground({ style, gradient = 'sky', children, start, end,}: { style?: StyleProp<ViewStyle> gradient?: keyof typeof gradients children?: React.ReactNode start?: [number, number] end?: [number, number]}) { const colors = gradients[gradient].values.map(([_, color]) => { return color }) as [string, string, ...string[]]
if (gradient.length < 2) { throw new Error('Gradient must have at least 2 colors') }
return ( <LinearGradient colors={colors} style={style} start={start} end={end}> {children} </LinearGradient> )}