fluffychat/lib/pangea/activity_suggestions/create_chat_card.dart

import 'package:flutter/material.dart';

import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:go_router/go_router.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/pangea/activity_suggestions/activity_suggestions_constants.dart';
import 'package:fluffychat/pangea/common/widgets/customized_svg.dart';
import 'package:fluffychat/pangea/common/widgets/pressable_button.dart';

class CreateChatCard extends StatelessWidget {
  final double width;
  final double height;
  final double padding;

  const CreateChatCard({
    required this.width,
    required this.height,
    required this.padding,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return Padding(
      padding: EdgeInsets.all(padding),
      child: PressableButton(
        onPressed: () => context.go('/rooms/newgroup'),
        borderRadius: BorderRadius.circular(24.0),
        color: theme.colorScheme.primary,
        child: Container(
          decoration: BoxDecoration(
            color: theme.colorScheme.surfaceContainer,
            borderRadius: BorderRadius.circular(24.0),
          ),
          height: height,
          width: width,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Center(
                child: CustomizedSvg(
                  svgUrl:
                      "${AppConfig.assetsBaseURL}/${ActivitySuggestionsConstants.plusIconPath}",
                  colorReplacements: {
                    "#CDBEF9":
                        colorToHex(Theme.of(context).colorScheme.secondary),
                  },
                  height: 80,
                  width: 80,
                ),
              ),
              const SizedBox(height: 16.0),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: Text(
                  L10n.of(context).createOwnChat,
                  style: theme.textTheme.bodyLarge
                      ?.copyWith(color: theme.colorScheme.secondary),
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}