jobiqo-cl/lib/src/components/02-atoms/01-forms/07-file/styles.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 styled = require('styled-components');
var styled__default = _interopDefault(styled);

const PreviewIcon = styled__default.span `
  svg {
    color: ${props => props.theme.colors.secondary};
    margin-right: 0.5rem;
  }
`;
const Preview = styled__default.img `
  object-fit: cover;
  width: 100%;
`;
const FilePreviewWrapper = styled__default.div `
  margin-top: 1rem;
  max-width: 8rem;
  text-align: center;
  background: white;
  overflow: hidden;
  overflow: hidden;
  font-size: 0.7rem;
  box-shadow: ${props => props.theme.fileInput.wrapper.boxShadow};
  border-radius: ${props => props.theme.fileInput.wrapper.borderRadius};
  color: ${props => props.theme.fileInput.wrapper.color};
  border-width: ${props => props.theme.fileInput.wrapper.borderWidth};
  border-style: ${props => props.theme.fileInput.wrapper.borderStyle};
  border-color: ${props => props.theme.fileInput.wrapper.borderColor};
`;
const ImagePreviewInfoLabel = styled__default.span `
  color: ${props => props.theme.font.color};
`;
const PreviewInfo = styled__default.div `
  padding: ${props => props.theme.fileInput.info.padding};
`;
const ImagePreviewWrapper = styled__default.div `
  position: relative;
  height: 5rem;

  svg {
    height: 3rem;
    width: 3rem;
    margin-top: 1rem;
  }
`;

exports.FilePreviewWrapper = FilePreviewWrapper;
exports.ImagePreviewInfoLabel = ImagePreviewInfoLabel;
exports.ImagePreviewWrapper = ImagePreviewWrapper;
exports.Preview = Preview;
exports.PreviewIcon = PreviewIcon;
exports.PreviewInfo = PreviewInfo;