import React, { Component } from 'react'; import {Link} from 'react-router-dom'; import './index.scss'; const maxDesktopSize = 1250; const fontSize = { desktop : { h1: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 80, h2: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 95, span: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 110, a: window.innerWidth > maxDesktopSize ? 15 : window.innerWidth / 90, } } export default class Simple extends Component { render() { const { height, data } = this.props; return( <> { window.innerWidth > 1000 ?
{data.title}

{data.title}

{data.subTitle}

{/* */}
مطالعه کامل در {data.duration} تاریخ انتشار {data.data}
{data.buttonText}
{data.category.name}
: null } { window.innerWidth < 1000 ?
{data.title}

{data.title}

{data.subTitle}

{/* */}
مطالعه کامل در {data.duration} تاریخ انتشار {data.data}
{data.buttonText}
{data.category.name}
: null } ); } }