import isMobileSize from '../../Helpers/isMobileSize';

/**
 *
 * @param {object} props
 * @returns {null|JSX} the component's children if the device is a mobile device, null otherwise
 */
export const MobileView = props => (isMobileSize() ? props.children : null);

/**
 *
 * @param {object} props
 * @returns {null|JSX} the component's children if the device is not a mobile device, null otherwise
 */
export const BrowserView = props => (isMobileSize() ? null : props.children);
