export default function GetInfoBox({title, text, buttonText}) {
return (
<div className='infoBox' style={{background: `url(img.svg)`, backgroundSize: '100% 100%', width: '200px', height: '200px'}}>
<div className="title">{title}</div>
<div className="text">{text}
<button>{buttonText}</button>
</div>
</div>
)
}
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version = "1.1"
baseProfile="full"
xmlns = "http://www.w3.org/2000/svg"
xmlns:xlink = "http://www.w3.org/1999/xlink"
xmlns:ev = "http://www.w3.org/2001/xml-events"
width='100%' height='100%'>
<path d="M50 50 L100 100 L700 100 L700 50 Z" fill="red" />
</svg>
разумеется это сугубо моя точка зрения