App.tsx

import './App.css'
import Button from './components/Button'
import Counter , {CounterProfile} from './components/Counter'
import { useState } from 'react'

function App() {
  const [counter, setCounter] = useState(0)
  return (
    <>
      <CounterProfile />
      <Button text="Click me"
        // className={counter > 3 ? 'button-changed ': ''}//
        eventOnClick={() => {
          setCounter(counter + 1);
        }} 
      />
      <Counter text={counter} />

      {counter > 10?(
        <p>Lebih dari 10</p>
      ):(
        <p>Dibawah 10</p>
      )}

    </>
  )
}