You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

30 lines
914 B

import React from "react";
import { View, Text, Image, Pressable, Dimensions } from "react-native";
import tw from "tailwind-rn";
import linkIcon from "../../../assets/icons/link.png";
const { width } = Dimensions.get("window");
export default function Links({ links }) {
return (
<View
style={tw(
"w-full flex-row-reverse justify-between items-center rounded-md bg-yellow-100 py-3 px-2 mt-5"
)}
>
<View style={tw("flex items-end")}>
<Text style={{ fontSize: width / 31, fontFamily: "bold" }}>
لینک ها
</Text>
{links.map((link, i) => (
<Pressable style={tw("mt-1")} key={i}>
<Text style={{ fontSize: width / 34, fontFamily: "light" }}>
{link}
</Text>
</Pressable>
))}
</View>
<Image source={linkIcon} style={{ width: 40, height: 40 }} />
</View>
);
}