@dmartss/ui/lib/images.js

UI components for my projects

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

exports.Image = Image;
exports.Figure = Figure;
exports.FigCaption = FigCaption;

var _style = require('styled-jsx/style');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _palette = require('@dmartss/palette');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/**
 * @function Image
 * @param {Object} props
 */
/** @module ui/images */
function Image(props) {
  return _react2.default.createElement(
    _react.Fragment,
    null,
    _react2.default.createElement('img', (0, _extends3.default)({}, props, {
      className: 'jsx-2404030907' + ' ' + (props.className != null && props.className || '')
    })),
    _react2.default.createElement(_style2.default, {
      styleId: '2404030907',
      css: 'img.jsx-2404030907{max-width:100%;vertical-align:top;}'
    })
  );
}

/**
 * @function Figure
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function Figure(_ref) {
  var children = _ref.children,
      props = (0, _objectWithoutProperties3.default)(_ref, ['children']);

  return _react2.default.createElement(
    'figure',
    (0, _extends3.default)({}, props, {
      className: 'jsx-2290263666' + ' ' + (props.className != null && props.className || '')
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: '2290263666',
      css: 'figure.jsx-2290263666{font-size:0;text-align:center;margin:0;width:100%;}'
    })
  );
}

/**
 * @function FigCaption
 * @param {Object} props
 * @param {Object} props.children
 * @param {Object} [props.props={}]
 */
function FigCaption(_ref2) {
  var children = _ref2.children,
      props = (0, _objectWithoutProperties3.default)(_ref2, ['children']);

  return _react2.default.createElement(
    'figcaption',
    (0, _extends3.default)({}, props, {
      className: _style2.default.dynamic([['1305238880', [_palette.grey]]]) + ' ' + (props.className != null && props.className || '')
    }),
    children,
    _react2.default.createElement(_style2.default, {
      styleId: '1305238880',
      css: 'figcaption.__jsx-style-dynamic-selector{color:' + _palette.grey + ';font-size:0.9rem;}',
      dynamic: [_palette.grey]
    })
  );
}