import React, {ReactNode} from 'react';
import {useMediaQuery} from "react-responsive";
type CardViewProps = {
children?: ReactNode
}
const CardView = ({children}: CardViewProps) => {
const isMobile = useMediaQuery({query: '(max-width: 991px)'})
const isSmallDesktop = useMediaQuery({query: '(max-width: 1400px)'})
return (
<>
{/*VISITS MANAGEMENT EXAMPLE
*/}
{/**/}
{/* /!***/}
{/* Actions of the dropdown go here*/}
{/* These are absolute align*/}
{/* And need to be first item of ListRowComponent*/}
{/* *!/*/}
{/* */}
{/* */}
{/* */}
{/* - 1
*/}
{/* - 2
*/}
{/*
*/}
{/* */}
{/* */}
{/* /!***/}
{/* ListCardSection Wrapper for grouping columns together in*/}
{/* CardView (1400 -)*/}
{/* These are ignored in larger screens*/}
{/* flex property of columns is overriden in cardview*/}
{/* *!/*/}
{/* */}
{/* {*/}
{/* true &&*/}
{/* {}}*/}
{/* >*/}
{/* */}
{/* }*/}
{/* /!***/}
{/* the flex property is used for sizing the columns in list view (1400+)*/}
{/* align == text align, also only used in list view*/}
{/* in some case margin needs to be set for mobile devices to align it properly,*/}
{/* but it has some issues ':)*/}
{/* *!/*/}
{/* */}
{/* AR00027*/}
{/* -1407-13-26*/}
{/* */}
{/* */}
{/* 08:00 - 20:00*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* {*/}
{/* false &&*/}
{/* */}
{/* */}
{/* /!*@ts-ignore*!/*/}
{/* phoebus@gmail.com*/}
{/* */}
{/* */}
{/* }*/}
{/* */}
{/* */}
{/* ΔΑΦΝΗΣ*/}
{/* <> */}
{/* ΦΟΙΒΟΣ*/}
{/* */}
{/* */}
{/* */}
{/* STATUS*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* IIT*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* 
*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* */}
{/* {*/}
{/* isMobile || */}
{/* }*/}
{/* */}
{/* */}
{/* ΝΙΚΟΣ ΝΙΚΟΛΟΠΟΥΛΟΣ*/}
{/* */}
{/* */}
{/* {*/}
{/* true &&*/}
{/* */}
{/* */}
{/* 3127*/}
{/* */}
{/* }*/}
{/* */}
{/* */}
{/* /!***/}
{/* the ButtonColumn styling is completely overriden in mobile devices (991 -)*/}
{/* ONLY ONE button column must be rendered inside ListCardSection in mobile*/}
{/* for it to work properly*/}
{/* *!/*/}
{/* {*/}
{/* <>*/}
{/* {*/}
{/* isSmallDesktop ||*/}
{/* {}}*/}
{/* >*/}
{/* ΕΙΣΟΔΟΣ*/}
{/* */}
{/* }*/}
{/* {*/}
{/* }}*/}
{/* >*/}
{/* ΕΞΟΔΟΣ*/}
{/* */}
{/* */}
{/* }*/}
{/* */}
{/**/}
{/*CATALOG EXAMPLE
*/}
{/**/}
{/* */}
{/* */}
{/* */}
{/* ΦΟΙΒΟΣ ΔΑΦΝΗΣ*/}
{/* */}
{/* */}
{/* */}
{/* phoebus.di@gmail.com*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* <>*/}
{/* τηλ: 3126, 2313*/}
{/* */}
{/* */}
{/* */}
{/* {*/}
{/* Κτίριο 28*/}
{/* }*/}
{/* */}
{/* */}
{/* */}
{/* */}
{/* www.foivos.com*/}
{/* */}
{/* */}
{/* foivos.skype*/}
{/* */}
{/* */}
{/**/}
)
;
}
export default CardView;