chess-reclash-lending/components/ReclashButton/index.tsx

import styles from "./button.module.css"
import React from "react"
import bgGreen from "./bgBtnGreen.svg"
import bgBlue from "./bgBtnBlue.svg"

interface ReclashButtonIE{
    class?:string
    onClick:()=>void
    color: "green"|"blue"|"red"
    children?:JSX.Element|string|JSX.Element[]
}

export const ReclashButton:React.FC<ReclashButtonIE> = (props) =>{
    return(
        <div 
            onClick={()=>props.onClick()} 
            className={styles.reclashBtn + " "+ styles[props.color] + " " + props.class}
            >
            {props.children}
        </div>
    )
}