jobiqo-cl/lib/src/components/02-atoms/06-layout/02-visibility/02-hide-mobile/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);

/**
 * @file index.tsx
 *
 * @fileoverview A component that hides its contents on mobile.
 */
/**
 * The component will hide its contents when viewed on a small device.
 * The width for the breakpoint is defined in the theme object.
 */
const HideMobile = styled__default.div `
  ${props => props.theme.mediaQueries.smallRevert} {
    display: none;
  }
`;

exports.HideMobile = HideMobile;