class App extends StatelessWidget {
  const App({super.key});

  @override
  Widget build(BuildContext context) {
    const name = 'yellow';
    final ShadThemeData lightTheme = ShadThemeData(
      colorScheme: ShadColorScheme.fromName(name),
      brightness: Brightness.light,
    );

    ShadThemeData darkTheme = ShadThemeData(
      colorScheme: ShadColorScheme.fromName(name, brightness: Brightness.dark),
      brightness: Brightness.dark,
    );

    // darkTheme = lightTheme.copyWith(
    //   colorScheme: ShadColorScheme.fromName(name, brightness: Brightness.dark),
    //   brightness: Brightness.dark,
    // );

    return ShadApp(
      theme: lightTheme,
      darkTheme: darkTheme,
      themeMode: ThemeMode.dark,
      home: Builder(
        builder: (context) {
          return Column(
            children: [
              ShadCard(
                title: const Text('Create new pouch'),
                description: const Text(
                  'A new pouch would be useful for a separate game or system you need to keep track.',
                ),
                trailing: ShadIconButton.outline(
                  icon: const Icon(LucideIcons.plus),
                  onPressed: () {},
                ),
              ),
            ],
          );
        },
      ),
    );
  }
}