jobiqo-cl/lib/src/components/04-organisms/01-form/02-withImage/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 index = require('../../../02-atoms/09-picture/index.js');
var styles = require('./styles.js');

/**
 * @file index.tsx
 *
 * @fileoverview Shows a form with an image on the side.
 */
/**
 * Places the form on the center of the page with an image on the side.
 * Useful for login or register pages where what we want the user to do is very clear.
 * It makes the main action and form very clear. Shouldn't be used for very long forms.
 */
const FormWithImage = ({ children, image, alt, title }) => {
    return (React__default.createElement(styles.Wrapper, null,
        React__default.createElement(styles.Left, null, children),
        React__default.createElement(styles.Right, null,
            React__default.createElement(index.default, { landscapeSrc: image, alt: alt, title: title }))));
};

exports.FormWithImage = FormWithImage;