import React from 'react';
import { LeftOutlined } from '@easyv/react-icons';
import classames from 'classnames';

export interface BackButtonProp {
  className?: string;
  onClick?: () => void;
}

const BackButton: React.FC<BackButtonProp> = function ({ className, onClick }) {
  return (
    <span
      className={classames(
        'inline-block px-2 py-3 cursor-pointer rounded hover:bg-bgColorTertiary text-[14px]',
        className,
      )}
      onClick={onClick}>
      <LeftOutlined className="anticon" />
    </span>
  );
};

export default BackButton;
