react_timezone_select_hook_with_local_detection.ts

1import React, { useState } from 'react'
2import { TimezoneSelect, useTimezone } from '@dwidge/timezone-react'
3
4export const App: React.FC = () => {
5  // useTimezone provides the current timezone string and a setter
6  const { timezone, setTimezone } = useTimezone()
7  const [selected, setSelected] = useState<string>(timezone)
8
9  const handleChange = (tz: string) => {
10    setSelected(tz)
11    setTimezone(tz)
12    console.log('Selected timezone:', tz)
13  }
14
15  return (
16    <div>
17      <h1>Timezone Selector</h1>
18      <p>Current Timezone: {timezone}</p>
19      
20      <TimezoneSelect 
21        value={selected} 
22        onChange={handleChange} 
23      />
24    </div>
25  )
26}
27
28export default App