import React, { useState } from 'react';

function MyComponent(props) {
    const [count, setCount] = useState('0');

    function unusedFunc() {
        return 'unused';
    }

    const arr = [1,2,3];
    const list = arr.map(item => <li>{item}</li>);

    const style = { color: 'red', fontWeight: 500 };

    let result = value + 1;

    if (test) {
        console.log('This will never log');
    }

    if (false) {
        console.log('This will never log');
    }

    setCount(count++);

    return (
        <div style={style}>
            <span>Test</span>
            {list}
            <button onClick={() => setCount('abc')}>Click</button>
        </div>
        <h1>Unwrapped</h1>
    )
}

export { MyComponent };
