/** * External dependencies */ import { Text } from '@automattic/jetpack-components'; import { gmdateI18n } from '@wordpress/date'; import { __ } from '@wordpress/i18n'; /** * Internal dependencies */ import ClipboardButtonInput from '../clipboard-button-input'; import Placeholder from '../placeholder'; import styles from './style.module.scss'; import { VideoDetailsProps } from './types'; const VideoDetails = ( { filename, src, uploadDate, loading }: VideoDetailsProps ) => { const formattedDate = uploadDate?.length ? gmdateI18n( 'F j, Y', uploadDate ) : false; return (
{ __( 'Link to video', 'jetpack-videopress-pkg' ) } { loading ? : }
{ __( 'File name', 'jetpack-videopress-pkg' ) } { loading ? : { filename } }
{ __( 'Upload date', 'jetpack-videopress-pkg' ) } { loading ? : { formattedDate } }
); }; export default VideoDetails;