import { useEffect, useState } from 'react';
export default function DelayedData(props) {
    const [status, setStatus] = useState('loading');
    useEffect(() => {
        const timeout = setTimeout(() => setStatus(props.data), 500);
        return () => clearTimeout(timeout);
    }, [props.data]);
    return <p>{status}</p>;
}
;
//# sourceMappingURL=DelayedData.js.map