copilot/ui/src/components/close/index.js

const React = require('react');
const Styled = require('styled-components');
const closeIcon = require('../../shared/assets/close.png');
const fns = require('../../shared/functions');

const {
  default: styled
} = Styled;

const {
  remcalc
} = fns;

const StyledButton = styled.button`
  background: none;
  border: none;
  position: absolute;
  top: ${remcalc(16)};
  right: ${remcalc(16)};
`;

const Close = ({
  style,
  onClick
}) => {
  return (
    <StyledButton
      onClick={onClick}
      style={style}
    >
      <img
        alt="Close"
        src={closeIcon}
      />
    </StyledButton>
  );
};

Close.propTypes = {
  onClick: React.PropTypes.func,
  style: React.PropTypes.object
};

module.exports = Close;