import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class AvesDialog extends AlertDialog {
  static const contentHorizontalPadding = EdgeInsets.symmetric(horizontal: 24);

  AvesDialog({
    String title,
    List<Widget> scrollableContent,
    Widget content,
    @required List<Widget> actions,
  })  : assert((scrollableContent != null) ^ (content != null)),
        super(
          title: title != null ? DialogTitle(title: title) : null,
          titlePadding: EdgeInsets.zero,
          // the `scrollable` flag of `AlertDialog` makes it
          // scroll both the title and the content together,
          // and overflow feedback ignores the dialog shape,
          // so we restrict scrolling to the content instead
          content: scrollableContent != null
              ? Builder(
                  builder: (context) => Container(
                    // workaround because the dialog tries
                    // to size itself to the content intrinsic size,
                    // but the `ListView` viewport does not have one
                    width: 1,
                    child: ListView(
                      shrinkWrap: true,
                      children: scrollableContent,
                    ),
                  ),
                )
              : content,
          contentPadding: scrollableContent != null ? EdgeInsets.zero : EdgeInsets.fromLTRB(24, 20, 24, 24),
          actions: actions,
          actionsPadding: EdgeInsets.symmetric(horizontal: 8),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(
              Radius.circular(24),
            ),
          ),
        );
}

class DialogTitle extends StatelessWidget {
  final String title;

  const DialogTitle({@required this.title});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Padding(
          padding: const EdgeInsets.symmetric(vertical: 20),
          child: Text(
            title,
            style: TextStyle(
              fontWeight: FontWeight.bold,
              fontFamily: 'Concourse Caps',
            ),
          ),
        ),
        Divider(height: 1),
      ],
    );
  }
}