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