42 lines
784 B
TypeScript
42 lines
784 B
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
import { ValidatedTextInput } from '@woocommerce/blocks-checkout';
|
|
|
|
/**
|
|
* Renders a phone number input.
|
|
*/
|
|
const PhoneNumber = ( {
|
|
id = 'phone',
|
|
errorId = 'phone',
|
|
isRequired = false,
|
|
value = '',
|
|
onChange,
|
|
}: {
|
|
id?: string;
|
|
errorId?: string;
|
|
isRequired: boolean;
|
|
value: string;
|
|
onChange: ( value: string ) => void;
|
|
} ): JSX.Element => {
|
|
return (
|
|
<ValidatedTextInput
|
|
id={ id }
|
|
errorId={ errorId }
|
|
type="tel"
|
|
autoComplete="tel"
|
|
required={ isRequired }
|
|
label={
|
|
isRequired
|
|
? __( 'Phone', 'woo-gutenberg-products-block' )
|
|
: __( 'Phone (optional)', 'woo-gutenberg-products-block' )
|
|
}
|
|
value={ value }
|
|
onChange={ onChange }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default PhoneNumber;
|