/** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) * (c) 2019 - 2020 Nguyen Huu Phuoc */ import React, { useState } from 'react'; import { Helmet } from 'react-helmet'; import useInterval from '../../hooks/useInterval'; import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { const [progress, setProgress] = useState(0); useInterval(() => { setProgress((v) => v === 100 ? 0 : v + 1); }, 1 * 100); return (
{progress}%
)} source={`
40%
`} />
); }; export default Details;