Server IP : 172.67.158.161 / Your IP : 18.225.117.86 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/self/root/proc/thread-self/root/home/giankuin/thietke365.net/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/title/ |
Upload File : |
/** * External dependencies */ import classNames from 'classnames'; import type { ReactNode } from 'react'; /** * Internal dependencies */ import './style.scss'; /** @typedef {import('react')} React */ /** * Component that renders a block title. * * @param {Object} props Incoming props for the component. * @param {React.ReactNode} [props.children] Children elements this component wraps. * @param {string} [props.className] CSS class used. * @param {string} props.headingLevel Heading level for title. * @param {Object} [props.props] Rest of props passed through to component. */ const Title = ( { children, className, headingLevel, ...props }: TitleProps ): JSX.Element => { const buttonClassName = classNames( 'wc-block-components-title', className ); const TagName = `h${ headingLevel }` as keyof JSX.IntrinsicElements; return ( <TagName className={ buttonClassName } { ...props }> { children } </TagName> ); }; interface TitleProps { headingLevel: '1' | '2' | '3' | '4' | '5' | '6'; className: string; children: ReactNode; } export default Title;