update
This commit is contained in:
@@ -0,0 +1,54 @@
|
||||
import { View, Text, Pressable } from "react-native";
|
||||
import React from "react";
|
||||
import BorderGradient from "./BorderGradient/BorderGradient";
|
||||
import { Palette, Style } from "../styles";
|
||||
import { BlurView } from "expo-blur";
|
||||
import { FONT_FAMILY } from "../styles/Fonts";
|
||||
|
||||
const BorderGradientButton = () => {
|
||||
return (
|
||||
<Pressable>
|
||||
<BorderGradient
|
||||
gradientProps={{
|
||||
colors: ["#F94697", "#7023F7"],
|
||||
}}
|
||||
style={{
|
||||
height: 50,
|
||||
borderRadius: 14,
|
||||
borderWidth: 1,
|
||||
}}
|
||||
>
|
||||
<View
|
||||
style={{
|
||||
borderRadius: 14,
|
||||
overflow: "hidden",
|
||||
backgroundColor: "#73737324",
|
||||
}}
|
||||
>
|
||||
<BlurView
|
||||
intensity={30}
|
||||
tint="dark"
|
||||
style={{
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
...Style.containerCenter,
|
||||
borderRadius: 14,
|
||||
}}
|
||||
>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: 15,
|
||||
color: Palette.white,
|
||||
fontFamily: FONT_FAMILY.InterMedium,
|
||||
}}
|
||||
>
|
||||
J’ai déjà mes paroles
|
||||
</Text>
|
||||
</BlurView>
|
||||
</View>
|
||||
</BorderGradient>
|
||||
</Pressable>
|
||||
);
|
||||
};
|
||||
|
||||
export default BorderGradientButton;
|
||||
Reference in New Issue
Block a user