import ActionLink from 'sentry/components/actions/actionLink';
import {Tooltip} from 'sentry/components/tooltip';
import {IconIssues} from 'sentry/icons';
import {t} from 'sentry/locale';
import useOrganization from 'sentry/utils/useOrganization';

type Props = {
  onUpdate: (data: {inbox: boolean}) => void;
  disabled?: boolean;
  tooltip?: string;
  tooltipProps?: Omit<
    React.ComponentProps<typeof Tooltip>,
    'children' | 'title' | 'skipWrapper'
  >;
};

function ReviewAction({disabled, onUpdate, tooltipProps, tooltip}: Props) {
  const organization = useOrganization();

  if (organization.features.includes('escalating-issues-ui')) {
    return null;
  }

  return (
    <ActionLink
      type="button"
      disabled={disabled}
      onAction={() => onUpdate({inbox: false})}
      icon={<IconIssues size="xs" />}
      title={tooltip}
      tooltipProps={tooltipProps}
    >
      {t('Mark Reviewed')}
    </ActionLink>
  );
}

export default ReviewAction;