Server IP : 104.21.14.103 / Your IP : 3.137.198.239 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/home/giankuin/sieuthiweb.com.vn/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/chip/ |
Upload File : |
/** * External dependencies */ import PropTypes from 'prop-types'; import classNames from 'classnames'; /** * Internal dependencies */ import './style.scss'; /** * Component used to render a "chip" -- a list item containing some text. * * Each chip defaults to a list element but this can be customized by providing * a wrapperElement. */ const Chip = ( { text, screenReaderText = '', element = 'li', className = '', radius = 'small', children = null, ...props } ) => { const Wrapper = element; const wrapperClassName = classNames( className, 'wc-block-components-chip', 'wc-block-components-chip--radius-' + radius ); const showScreenReaderText = Boolean( screenReaderText && screenReaderText !== text ); return ( // @ts-ignore <Wrapper className={ wrapperClassName } { ...props }> <span aria-hidden={ showScreenReaderText } className="wc-block-components-chip__text" > { text } </span> { showScreenReaderText && ( <span className="screen-reader-text">{ screenReaderText }</span> ) } { children } </Wrapper> ); }; Chip.propTypes = { text: PropTypes.node.isRequired, screenReaderText: PropTypes.string, element: PropTypes.elementType, className: PropTypes.string, radius: PropTypes.oneOf( [ 'none', 'small', 'medium', 'large' ] ), }; export default Chip;