jobiqo-cl/lib/src/components/04-organisms/04-landingpage/04-sidetext/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 tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);

/**
 * @file index.tsx
 *
 * @fileoverview Shows a text next to an image.
 */
const StyledSideWrapper = styled__default.div `
  position: relative;
  align-items: center;
  ${props => props.theme.mediaQueries.small} {
    display: flex;
  }
`;
const StyledSideImage = styled__default.img `
  ${props => props.theme.mediaQueries.small} {
    width: 40%;
  }
`;
const StyledSideText = styled__default.div `
  color: black;
  margin-left: 1.5rem;
`;
/**
 * This component provides a Image with text o side and an overlaying text.
 */
const SideText = (_a) => {
    var { image, children } = _a, props = tslib_es6.__rest(_a, ["image", "children"]);
    return (React__default.createElement(StyledSideWrapper, null,
        React__default.createElement(StyledSideImage, Object.assign({ src: image.url, alt: image.alt, title: image.title }, props)),
        React__default.createElement(StyledSideText, null, children)));
};

exports.SideText = SideText;
exports.StyledSideImage = StyledSideImage;
exports.StyledSideText = StyledSideText;