21 lines
525 B
TypeScript
21 lines
525 B
TypeScript
|
import React from "react";
|
||
|
|
import useResponsiveValidator, { screen_type, validation_type } from "../../../hooks/useResponsiveValidator";
|
||
|
|
|
||
|
|
interface ResponsiveRenderProps {
|
||
|
|
children: JSX.Element[],
|
||
|
|
type: validation_type
|
||
|
|
width: screen_type,
|
||
|
|
}
|
||
|
|
|
||
|
|
const ResponsiveRender = ({ children, type, width}: ResponsiveRenderProps): JSX.Element => {
|
||
|
|
const canRender = useResponsiveValidator({type, width});
|
||
|
|
|
||
|
|
return(
|
||
|
|
<>
|
||
|
|
{canRender ? children : <></>}
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ResponsiveRender;
|