import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:go_router/go_router.dart';
import 'package:timer/l10n/l10n.dart';
import 'package:timer/timer/timer.dart';

class App extends StatelessWidget {
  App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    const primaryColor = Color.fromARGB(255, 97, 0, 92);
    const darkSurfaceColor = Color(0xFF121212);

    return MaterialApp.router(
      theme: ThemeData(
        scaffoldBackgroundColor: darkSurfaceColor,
        appBarTheme: const AppBarTheme(
          color: darkSurfaceColor,
          systemOverlayStyle: SystemUiOverlayStyle.light,
          elevation: 0,
        ),
        cardTheme: CardTheme(
          elevation: 0,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(6),
          ),
        ),
        colorScheme: ColorScheme.fromSwatch(
          brightness: Brightness.dark,
          primaryColorDark: primaryColor,
          accentColor: primaryColor,
        ),
      ),
      localizationsDelegates: const [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
      ],
      supportedLocales: AppLocalizations.supportedLocales,
      routerDelegate: _router.routerDelegate,
      routeInformationParser: _router.routeInformationParser,
    );
  }

  final _router = GoRouter(
    routes: [
      GoRoute(
        path: '/',
        builder: (context, state) => const TimersPage(),
        routes: [
          GoRoute(
            path: 'new',
            builder: (context, state) => const NewTimerPage(),
          ),
        ],
      ),
    ],
  );
}

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:timer/l10n/l10n.dart';

const timePickerKey = Key('CupertinoTimePicker');

class NewTimerPage extends StatelessWidget {
  const NewTimerPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;

    return Scaffold(
      appBar: AppBar(
        title: Text(l10n.newTimerAppBarTitle),
      ),
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16),
        child: Column(
          children: [
            CupertinoTimerPicker(
              key: timePickerKey,
              mode: CupertinoTimerPickerMode.hm,
              onTimerDurationChanged: (value) {},
            ),
            const SizedBox(height: 16),
            Card(
              elevation: 0,
              child: Column(
                children: const [
                  ListTile(),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}