import React from 'react' ; import './KoFi.scss' ; interface KoFiProps { color : string ; id : string ; label : string ; } type Props = KoFiProps & JSX . IntrinsicElements [ 'div' ] ; const KoFiView = ( { color , id , label } ) => ( < div className = "kofi-btn-container" > < a title = { label } className = "kofi-button" style = { { backgroundColor : color } } href = { `https://ko-fi.com/${ id }` } target = "_blank" rel = "noopener noreferrer" > < span className = "kofitext" > < img src = "https://ko-fi.com/img/cup-border.png" className = "kofiimg" alt = "Ko-Fi button" / > { label } < /span> < /a> < /div>); export default KoFiView ;