Can't compile two app bars

two_appbars_dont_compile.dart

import 'package:flutter/material.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: (34 % 3 == 0) ? AleAppBar1() : AleAppBar2(),
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class AleAppBar1 extends StatelessWidget implements PreferredSizeWidget {
  @override
  Widget build(BuildContext context) {
    return AppBar(title: const Text('AleAppBar1'),);
  }

  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}

class AleAppBar2 extends StatelessWidget implements PreferredSizeWidget {
  @override
  Widget build(BuildContext context) {
    return AppBar(title: const Text('AleAppBar2'),);
  }

  @override
  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text(
      'Hello, World!',
      style: Theme.of(context).textTheme.headlineMedium,
    );
  }
}