import 'package:flutter/material.dart';

/// The floating control that appears when the reader scrolls, opening the
/// reader settings bottom sheet.
class Fob extends StatelessWidget {
  const Fob({required this.visible, required this.label, required this.onTap, super.key});

  final bool visible;
  final String label;
  final VoidCallback onTap;

  @override
  Widget build(BuildContext context) {
    return AnimatedOpacity(
      opacity: visible ? 1 : 0,
      duration: const Duration(milliseconds: 200),
      curve: Curves.easeOut,
      child: IgnorePointer(
        ignoring: !visible,
        child: Padding(
          padding: const EdgeInsets.all(16),
          child: Semantics(
            label: label,
            button: true,
            child: FloatingActionButton(
              onPressed: onTap,
              child: const Icon(Icons.tune),
            ),
          ),
        ),
      ),
    );
  }
}