Ian Seabock iseabock

## Typewriter.jsx
import React, { useState, useEffect, useContext } from 'react';
import PropTypes from 'prop-types';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';

import { TypewriterContext } from '../util/Context';

const BlinkingCursor = ({ sentenceComplete }) => {
    const [show, setShow] = useState(true);
    const [isBlinkOn, setIsBlinkOn] = useState(false);

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## gist:d41bc5f490e3dac85b73b768e204f408
// The differences between var, let, and const

// The var keyword is the old way of declaring variables in javascript. Variables declared with var
// will not maintain block scope and can be redefined at any point.

// var myVar = 5;
// if (true) {
//   var myVar = 10;
//   console.log(myVar);
// }

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
	import React, { useState, useEffect, useContext } from 'react';
	import PropTypes from 'prop-types';
	import Typography from '@mui/material/Typography';
	import Box from '@mui/material/Box';

	import { TypewriterContext } from '../util/Context';

	const BlinkingCursor = ({ sentenceComplete }) => {
	const [show, setShow] = useState(true);
	const [isBlinkOn, setIsBlinkOn] = useState(false);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	// The differences between var, let, and const

	// The var keyword is the old way of declaring variables in javascript. Variables declared with var
	// will not maintain block scope and can be redefined at any point.

	// var myVar = 5;
	// if (true) {
	// var myVar = 10;
	// console.log(myVar);
	// }