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
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> |
|
); |
|
}
|
|
|