f089f45781
Co-authored-by: Dan Abramov <dan.abramov@gmail.com> Co-authored-by: Paul Frazee <pfrazee@gmail.com> Co-authored-by: Eric Bailey <git@esb.lol> Co-authored-by: Samuel Newman <mozzius@protonmail.com>
23 lines
495 B
TypeScript
23 lines
495 B
TypeScript
import React from 'react'
|
|
import {StyleProp, ViewStyle} from 'react-native'
|
|
import {LinearGradient} from 'expo-linear-gradient'
|
|
|
|
import {gradients} from '#/alf/tokens'
|
|
|
|
export function LinearGradientBackground({
|
|
style,
|
|
children,
|
|
}: {
|
|
style: StyleProp<ViewStyle>
|
|
children: React.ReactNode
|
|
}) {
|
|
const gradient = gradients.sky.values.map(([_, color]) => {
|
|
return color
|
|
})
|
|
|
|
return (
|
|
<LinearGradient colors={gradient} style={style}>
|
|
{children}
|
|
</LinearGradient>
|
|
)
|
|
}
|