30 lines
831 B
TypeScript
30 lines
831 B
TypeScript
import React from "react";
|
|
import { View, Text } from "react-native";
|
|
import { ArrowLeftIcon } from "lucide-react-native";
|
|
import { Button } from "~/components/ui/button";
|
|
|
|
interface BackCardProps {
|
|
text: string;
|
|
}
|
|
|
|
export default function BackCard({ text }: BackCardProps) {
|
|
return (
|
|
<View className="flex flex-row items-center justify-between w-full px-3 ">
|
|
<View>
|
|
<Button className="bg-white border border-gray-200 p-2">
|
|
<ArrowLeftIcon className="text-primary" />
|
|
</Button>
|
|
</View>
|
|
<View>
|
|
<Text className="text-xl font-dmsans-medium ">{text}</Text>
|
|
</View>
|
|
|
|
<View className="">
|
|
<Button className="bg-white border border-gray-200 p-2 hidden">
|
|
<ArrowLeftIcon className="text-primary" />
|
|
</Button>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|