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

const React = require('react');
const Styled = require('styled-components');

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)};
  
  ${props => props.customStyles ? props.customStyles : null}
`;

const Close = ({
  style,
  onClick,
  customStyles = ''
}) => {
  return (
    <StyledButton
      customStyles={customStyles}
      onClick={onClick}
      style={style}
    >
      <img
        alt="Close"
        src="./close.svg"
      />
    </StyledButton>
  );
};

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

module.exports = Close;