PaquitoSoft PaquitoSoft

Enlaces para empezar en desarrollo frontend

	<?xml version="1.0" encoding="UTF-8"?>
	<MPD profiles="urn:mpeg:dash:profile:isoff-live:2011" type="dynamic" availabilityStartTime="2024-02-05T10:53:15Z" minimumUpdatePeriod="PT8.0S" minBufferTime="PT8.0S" publishTime="2024-03-28T13:08:40.876Z" timeShiftBufferDepth="PT2M0.000000S" xmlns="urn:mpeg:dash:schema:mpd:2011" xmlns:cenc="urn:mpeg:cenc:2013" xmlns:mspr="urn:microsoft:playready" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="urn:mpeg:dash:schema:mpd:2011 DASH-MPD.xsd" xmlns:dolby="http://www.dolby.com/ns/online/DASH">
	<Period start="PT0.0000000S" id="1">
	<AdaptationSet mimeType="video/mp4" startWithSAP="1" segmentAlignment="true" par="16:9">
	<ContentProtection schemeIdUri="urn:uuid:9a04f079-9840-4286-ab92-e65be0885f95"><cenc:pssh xmlns:cenc="urn:mpeg:cenc:2013">AAADUnBzc2gAAAAAmgTweZhAQoarkuZb4IhflQAAAzIyAwAAAQABACgDPABXAFIATQBIAEUAQQBEAEUAUgAgAHgAbQBsAG4AcwA9ACIAaAB0AHQAcAA6AC8ALwBzAGMAaABlAG0AYQBzAC4AbQBpAGMAcgBvAHMAbwBmAHQALgBjAG8AbQAvAEQAUgBNAC8AMgA

	import React, {
	useContext,
	useEffect,
	useRef,
	useState,
	lazy
	} from 'react';
	import PropTypes from 'prop-types';

	const BREAKPOINTS = [

	import React from 'react';
	import PropTypes from 'prop-types';

	import ResponsiveComponent from '../responsive-component/responsive-component';

	function AccountDropdown({ children, ...props }) {
	return (
	<ResponsiveComponent
	xs={() => import('./account-dropdown.xs')}
	sm={() => import('./account-dropdown.sm')}

	import React, { Suspense } from 'react';
	import PropTypes from 'prop-types';
	import { useResponsive } from './responsive-provider';

	const SuspenseFallback = () => (null);

	function ResponsiveComponent({
	xs,
	sm,
	lg,

	import React, { useState } from 'react';
	import { buildStyles } from '../../plugins/utils';

	import AccountDropdown from '../account-dropdown/account-dropdown';

	import rawStyles from './nav-bar.styles';

	import logoUrl from '../../images/logo.svg';

	const styles = buildStyles(rawStyles);

	import React from 'react';
	import { buildStyles } from '../../plugins/utils';

	const styles = buildStyles({
	container: [
	'px-4',
	'py-5',
	'border-t',
	'border-gray-800',
	'sm:hidden'

	import React, { useState, useEffect } from 'react';
	import { buildStyles } from '../../plugins/utils';

	const styles = buildStyles({
	container: [
	'relative',
	'ml-8'
	],
	button: [
	'relative',