Toast

class ToastPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FToaster(
    child: Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        spacing: 5,
        children: [
          for (final (alignment, description) in [
            (FToastAlignment.topLeft, 'Top Left'),
            (FToastAlignment.topRight, 'Top Right'),
            (FToastAlignment.bottomLeft, 'Bottom Left'),
            (FToastAlignment.bottomRight, 'Bottom Right'),
          ])
            FButton(
              onPress: () => showFToast(
                context: context,
                alignment: alignment,
                title: const Text('Event has been created'),
                description: const Text('Friday, May 23, 2025 at 9:00 AM'),
                suffixBuilder: (context, entry, _) => IntrinsicHeight(
                  child: FButton(
                    style: context.theme.buttonStyles.primary.copyWith(
                      contentStyle: context.theme.buttonStyles.primary.contentStyle.copyWith(
                        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 7.5),
                        textStyle: FWidgetStateMap.all(
                          context.theme.typography.xs.copyWith(color: context.theme.colors.primaryForeground),
                        ),
                      ),
                    ),
                    onPress: entry.dismiss,
                    child: const Text('Undo'),
                  ),
                ),
              ),
              child: Text('Show $description Toast'),
            ),
        ],
      ),
    )
  );
}

class NoAutoDismissToastPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FToaster(
    child: Center(
      child: FButton(
        intrinsicWidth: true,
        onPress: () => showFToast(
          context: context,
          duration: null,
          icon: const Icon(FIcons.triangleAlert),
          title: const Text('Event start time cannot be earlier than 8am'),
        ),
        child: const Text('Show Toast'),
      ),
    ),
  );
}

class RawToastPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final cardStyle = context.theme.cardStyle.copyWith(
      contentStyle: context.theme.cardStyle.contentStyle.copyWith(
        titleTextStyle: context.theme.typography.sm.copyWith(
          color: context.theme.colors.primary,
          fontWeight: FontWeight.w600,
        ),
      ),
    );
 
    return FToaster(
      child: Center(
        child: FButton(
          intrinsicWidth: true,
          onPress: () => showRawFToast(
            context: context,
            duration: null,
            builder: (context, toast) => FCard(
              style: cardStyle,
              title: const Text('Event has been created'),
              subtitle: const Padding(
                padding: EdgeInsets.symmetric(vertical: 5),
                child: Text(
                  'This is a more detailed description that provides comprehensive context and additional information '
                  'about the notification, explaining what happened and what the user might expect next.',
                ),
              ),
              child: FButton(onPress: () => toast.dismiss(), child: const Text('undo')),
            ),
          ),
          child: const Text('Show Toast'),
        ),
      )
    );
  }
}

class ToastPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FScaffold(
    toasterStyle: context.theme.toasterStyle.copyWith(expandBehavior: FToasterExpandBehavior.always),
    child: Builder(
      builder: (context) => Center(
        child: FButton(
          intrinsicWidth: true,
          onPress: () => showFToast(context: context, title: const Text('Event has been created')),
          child: const Text('Show Toast'),
        ),
      ),
    ),
  );
}

class ToastPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => FScaffold(
    toasterStyle: context.theme.toasterStyle.copyWith(expandBehavior: FToasterExpandBehavior.disabled),
    child: Builder(
      builder: (context) => Center(
        child: FButton(
          intrinsicWidth: true,
          onPress: () => showFToast(context: context, title: const Text('Event has been created')),
          child: const Text('Show Toast'),
        ),
      ),
    ),
  );
}