import styled from '@modern-js/runtime/styled';

export const ImageWrap = styled.div<{
  cssStyle: string;
  imgCssStyle: string;
  width: number | string;
  height: number | string;
}>`
  .image {
    width: 100%;
    visibility: hidden;
    object-fit: contain;
    ${props => props.cssStyle};
    ${props => props.imgCssStyle};
  }
  .imageContainer {
    height: ${props =>
      typeof props.width === 'number' ? `${props.width}px` : props.width};
    width: ${props =>
      typeof props.width === 'number' ? `${props.width}px` : props.width};
  }
`;
