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

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

import styled from 'styled-components';

/**
 * @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.div `
  ${props => props.theme.mediaQueries.smallRevert} {
    display: none;
  }
`;

export { HideMobile };