jobiqo-cl/lib/es/src/components/04-organisms/01-form/02-withImage/index.js

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

import React__default from 'react';
import Picture from '../../../02-atoms/09-picture/index.js';
import { Wrapper, Left, Right } from './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(Wrapper, null,
        React__default.createElement(Left, null, children),
        React__default.createElement(Right, null,
            React__default.createElement(Picture, { landscapeSrc: image, alt: alt, title: title }))));
};

export { FormWithImage };