import { TopBar } from '@/components/layout/top-bar';

export const AccountSettingsPage = () => {
    return (
        <div className="flex flex-1 flex-col overflow-hidden">
            <TopBar title="Account Settings" />
            <div className="flex flex-1 flex-col items-center justify-center gap-4 p-8">
                <div className="rounded-lg bg-secondary px-4 py-3 text-sm text-tertiary">
                    Account settings are coming soon.
                </div>
            </div>
        </div>
    );
};
