jobiqo-cl/lib/es/src/components/02-atoms/11-well/index.js

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

import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
import React__default from 'react';
import styled from 'styled-components';
import { color } from '../../../../node_modules/@styled-system/color/dist/index.esm.js';
import { space } from '../../../../node_modules/@styled-system/space/dist/index.esm.js';
import '../../../../node_modules/styled-system/dist/index.esm.js';

/**
 * @file index.tsx
 *
 * @fileoverview Well component.
 */
const WellStyled = styled.div `
  background: ${props => props.theme.well.backgroundColor[props.wellStyle]};
  padding: ${props => props.theme.well.padding};
  border-radius: ${props => props.theme.well.borderRadius};
  font-size: ${props => props.theme.well.fontSize};
  color: ${props => props.theme.well.color[props.wellStyle]};
  ${space}
  ${color}
`;
/**
 * This component renders a well with some content inside. It has specific styling. It can be used in a
 * variety of situations but always should be used agains the background so that it contrasts with the background color.
 */
const Well = (_a) => {
    var { children, wellStyle = 'default' } = _a, props = __rest(_a, ["children", "wellStyle"]);
    return (React__default.createElement(WellStyled, Object.assign({ wellStyle: wellStyle }, props), children));
};

export { Well };