import { api } from "@/server/api/client";
import ChangeTimezone from "@/components/settings/ChangeTimezone";

export default async function AppSettings() {

    const userTimezone: string = await api.users.getTimezone().then((res) => {
        return res;
    });

    return (
        <div className="mb-8 flex w-full flex-col sm:flex-row">
            <div className="mb-4 w-full text-lg font-medium sm:w-1/3">
                Locale Settings
            </div>
            <div className="w-full">
                <div className="mb-2" >
                    <div className="mb-2 text-sm font-medium">Timezone</div>
                    <div className="select-wrapper">

                        <ChangeTimezone
                            userTimezone={userTimezone}
                        />
                    </div>
                </div>
            </div>
        </div>);
}