jobiqo-cl/lib/src/components/02-atoms/09-picture/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 React = require('react');
var React__default = _interopDefault(React);
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Used for responsive images where mobile and desktop
 * will have different files
 */
/**
 * Displays a responsive picture element with responsive images inside
 * for landscape and portrait orientations.
 */
const Picture = ({ landscapeSrc, portraitSrc, alt }) => (React__default.createElement(styles.Picture, null,
    portraitSrc && React__default.createElement("source", { media: "(max-width: 768px)", srcSet: portraitSrc }),
    React__default.createElement(styles.Image, { src: landscapeSrc, alt: alt })));

exports.Picture = Picture;
exports.default = Picture;