mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
lenooby09.tech
1import React from 'react'
2import MediaQuery from 'react-responsive'
3
4export const Desktop = ({children}: React.PropsWithChildren<{}>) => (
5 <MediaQuery minWidth={1300}>{children}</MediaQuery>
6)
7export const TabletOrDesktop = ({children}: React.PropsWithChildren<{}>) => (
8 <MediaQuery minWidth={800}>{children}</MediaQuery>
9)
10export const Tablet = ({children}: React.PropsWithChildren<{}>) => (
11 <MediaQuery minWidth={800} maxWidth={1300 - 1}>
12 {children}
13 </MediaQuery>
14)
15export const TabletOrMobile = ({children}: React.PropsWithChildren<{}>) => (
16 <MediaQuery maxWidth={1300 - 1}>{children}</MediaQuery>
17)
18export const Mobile = ({children}: React.PropsWithChildren<{}>) => (
19 <MediaQuery maxWidth={800 - 1}>{children}</MediaQuery>
20)