cta index.js

100% Statements 3/3

100% Branches 2/2

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28  
 
 
 
 
 
3x
 
66x
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import PropTypes from 'prop-types';
 
/**
 * CTA component renders button[type='submit'].
 */
const CTA = (props) => {
 
    return (
        <button type="submit" title={props.tooltip} className={props.disabled ? 'disabled' : ''} onClick={props.onCtaClicked} aria-pressed={props.disabled} aria-label={props.ariaLabel}>{props.title}</button>
        //disabled={props.disabled}, not used as a11y annoucement is skipped for disabled buttons
    );
}
 
CTA.propTypes = {
    /** title of button */
    title: PropTypes.string,
    /** if 'true' button will display disabled and won't click */
    disabled: PropTypes.bool,
    /** text to be announced on screen readers */
    ariaLabel: PropTypes.string,
    /** tooltip to be shown on mouse hover */
    tooltip: PropTypes.string,
    /** parent function where click event will be passed */
    onCtaClicked: PropTypes.func
  };
 
export default CTA;