live code runtime for your react project in browser
import { useState } from 'react'
import Text from './mod1'
import './styles.css'
export default function App() {
const [num, inc] = useState(1)
return (
<div>
<h2 class="text-3xl">
hello <Text />
</h2>
<p>Volume {Array(num % 6).fill('●').join('')}</p>
<button className='button' onClick={() => inc(num + 1)}>increase</button>
</div>
)
}