text: import React, { memo } from 'react';
  import PropTypes from 'prop-types';
  import { Ripple } from '../ripple/Ripple';
  import { ObjectUtils, classNames } from '../utils/Utils';
  
  export const FirstPageLink = memo((props) => {
      const className = classNames('p-paginator-first p-paginator-element p-link', { 'p-disabled': props.disabled });
      const iconClassName = 'p-paginator-icon pi pi-angle-double-left';
      const element = (
          <button type="button" className={className} onClick={props.onClick} disabled={props.disabled}>
              <span className={iconClassName}></span>
              <Ripple />
          </button>
      );
  
      if (props.template) {
          const defaultOptions = {
              onClick: props.onClick,
              className,
              iconClassName,
              disabled: props.disabled,
              element,
              props
          };
  
          return ObjectUtils.getJSXElement(props.template, defaultOptions);
      }
  
      return element;
  });
  
  FirstPageLink.defaultProps = {
      __TYPE: 'FirstPageLink',
      disabled: false,
      onClick: null,
      template: null
  }
  
  FirstPageLink.propTypes /* remove-proptypes */ = {
      __TYPE: PropTypes.string,
      disabled: PropTypes.bool,
      onClick: PropTypes.func,
      template: PropTypes.any
  }
  