woocommerce/plugins/woocommerce-blocks/assets/js/blocks/checkout/phone-number/index.tsx

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;