xchain-components/src/components/XImage/index.js

Xchain Components

/* @flow */
/* eslint react/jsx-filename-extension: 0 */

import * as React from 'react';
import { Image } from 'semantic-ui-react';

type Props = {
  width?: string,
  height?: string,
  bordered?: boolean,
  rounded?: boolean,
  circular?: boolean,
  src: string,
  
};

const XImage = (props: Props) => {
  const {
    width, height, bordered, circular, rounded, src,
  } = props;
  return (
    <Image
      style={{
        width,
        height,
      }}
      src={src}
      bordered={bordered}
      rounded={rounded}
      circular={circular}
    />
  );
};

XImage.defaultProps = {
  width: '50px',
  height: '50px',
  bordered: false,
  circular: false,
  rounded: false,
};

export default XImage;