jobiqo-cl/lib/es/src/components/02-atoms/01-forms/07-file/styles.js

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

import styled from 'styled-components';

const PreviewIcon = styled.span `
  svg {
    color: ${props => props.theme.colors.secondary};
    margin-right: 0.5rem;
  }
`;
const Preview = styled.img `
  max-height: ${props => props.theme.fileInput.previewImage.maxHeight};
  max-width: ${props => props.theme.fileInput.previewImage.maxWidth};
  width: auto;
  height: auto;
`;
const ImagePreviewWrapper = styled.div `
  display: flex;
  margin-top: 1rem;
  background: white;
  overflow: hidden;
  overflow: hidden;
  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.span `
  color: ${props => props.theme.font.color};
`;
const PreviewInfo = styled.div `
  padding: ${props => props.theme.fileInput.info.padding};
`;

export { ImagePreviewInfoLabel, ImagePreviewWrapper, Preview, PreviewIcon, PreviewInfo };