import React from 'react'; import {Link} from "react-router-dom"; const maxMobileSize = 550; const fontSize = { h1: window.innerWidth > maxMobileSize ? 20 : window.innerWidth / 25, span: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 34, }; export default function Vitrin(props){ const {data} = props; const style = { // backgroundImage: `url('${data.imageUrl}')`, background : `linear-gradient(${data.backgroundColor.angle},${data.backgroundColor.first} , ${data.backgroundColor.second})`, flex: data.flex, backgroundRepeat: 'no-repeat', backgroundSize: '100%', backgroundOpacity: '60%', margin: 5, borderRadius: 10, color: data.color, }; return(