All files / elements/Image styled.js

100% Statements 3/3
100% Branches 0/0
100% Functions 0/0
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23            1x   1x             1x              
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { layout } from 'styled-system';
import propTypes from '@styled-system/prop-types';
import { ImageComponent } from './component';
 
const Image = styled(ImageComponent)`${layout}`;
 
Image.propTypes = {
  /** Required for web accessibility. Should be short and descriptive. */
  alt: PropTypes.string.isRequired,
  maxWidth: PropTypes.string,
  ...propTypes.layout,
};
 
Image.defaultProps = {
  maxWidth: '100%',
  width: '100%',
};
 
/** @component */
export { Image };