import styled from 'styled-components'

const StyledImage = styled.img`
  ${props => props.$sty}
`

function Image({ props }) {
  const attr = props.attributes;
  const cla = props.className;
  const id = props.id;
  const style = props.styles;

  return (
    <>
      <StyledImage id={id} className={"ld-item " + cla} src={attr.src} alt={attr.alt} width={attr.width} height={attr.height} $sty={style} />
    </>
  )
}

export default Image