import { Button, IButtonProps, Icon } from "native-base";
import Ionicons from '@expo/vector-icons/Ionicons';
import React from "react";

interface RoundButtonProps extends IButtonProps {
    variant: "rounded1" | "rounded2";
    icon: "add" | "menu"
}

export default function (props: RoundButtonProps) {
    const { variant, icon, ...rest } = props;
    const iconName = icon === "add" ? "add" : "ellipsis-vertical";

    return <Button width="10" height="10" variant={variant} {...rest} borderRadius={"full"} p={4} endIcon={<Icon as={Ionicons} name={iconName} size="sm" color={"white"} />} />
}