yaru_navigation_rail.dart

import 'package:flutter/material.dart';
import 'package:yaru_widgets/src/pages/layouts/yaru_page_item.dart';

class YaruNavigationRail extends StatelessWidget {
  const YaruNavigationRail({
    super.key,
    required this.destinations,
    required this.selectedIndex,
    required this.onDestinationSelected,
    this.showLabels = false,
    this.extended = false,
  });

  final List<YaruPageItem> destinations;
  final int selectedIndex;
  final ValueChanged<int> onDestinationSelected;
  final bool showLabels;
  final bool extended;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        for (int i = 0; i < destinations.length; i += 1)
          _YaruNavigationRailItem(
            i,
            i == selectedIndex,
            destinations[i],
            onDestinationSelected,
            showLabels,
          )
      ],
    );
  }
}

class _YaruNavigationRailItem extends StatelessWidget {
  const _YaruNavigationRailItem(
    this.index,
    this.selected,
    this.destination,
    this.onSelected,
    this.showLabel,
  );

  final int index;
  final bool selected;
  final YaruPageItem destination;
  final ValueChanged<int> onSelected;
  final bool showLabel;

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      width: showLabel ? 85 : 60,
      child: Material(
        child: InkWell(
          onTap: () => onSelected(index),
          child: Center(
            child: Padding(
              padding: const EdgeInsets.symmetric(vertical: 7, horizontal: 5),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Container(
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: selected
                          ? Theme.of(context)
                              .colorScheme
                              .onSurface
                              .withOpacity(.1)
                          : null,
                    ),
                    child: Padding(
                      padding: const EdgeInsets.symmetric(
                        vertical: 2,
                        horizontal: 10,
                      ),
                      child: Icon(destination.iconData),
                    ),
                  ),
                  if (showLabel) ...[
                    const SizedBox(height: 2),
                    destination.titleBuilder(context),
                  ]
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}