import React from "react";
import { Button, IButtonProps, Icon } from "native-base";
import Unicons from '../../Unicons';

interface BackButtonProps extends IButtonProps {
    iconType: "right" | "left" | "times";
    isTransparent?: boolean;
}

export default function (props: BackButtonProps) {
    const { iconType, isTransparent, ...rest } = props;
    let iconName = `arrow-${iconType}`;

    if(iconType === "times") {
        iconName = iconType;
    }

    return <Button
        variant="back"
        width="7" height="7"
        borderColor={isTransparent ? "transparent" : "mini_border_gray"}
        bgColor="transparent"
        borderRadius={"lg"}
        p="2"
        {...rest}
        startIcon={
            <Icon as={Unicons} name={iconName} m="0" p="0" size="md" color={"white"} />
        } />
}