import React from 'react';
import PropTypes from 'prop-types';
import { SlOptionsVertical } from 'react-icons/sl'

function ThreeDotIcon({
  style,
  title,
  onClick,
}) {
  return (
    <SlOptionsVertical
      title={title}
      onClick={onClick}
      style={{
        padding: 0,
        fontSize: '18px',
        cursor: 'pointer',
        ...style,
      }}
    />
  );
}

ThreeDotIcon.propTypes = {
  title: PropTypes.string,
  style: PropTypes.object,
  onClick: PropTypes.func.isRequired,
};

export default ThreeDotIcon;