syncrow-web/lib/pages/spaces_management/widgets/space_container_widget.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_web/utils/color_manager.dart';

class SpaceContainerWidget extends StatelessWidget {
  final int index;
  final String icon;
  final String name;
  final VoidCallback? onDoubleTap;

  const SpaceContainerWidget({
    super.key,
    required this.index,
    required this.icon,
    required this.name,
    this.onDoubleTap,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        onDoubleTap: onDoubleTap,
        child: Container(
          width: 150,
          height: 60,
          decoration: BoxDecoration(
            color: ColorsManager.whiteColors,
            borderRadius: BorderRadius.circular(15),
            boxShadow: [
              BoxShadow(
                color: Colors.grey.withOpacity(0.5),
                spreadRadius: 2,
                blurRadius: 5,
                offset: const Offset(0, 3), // shadow position
              ),
            ],
          ),
          child: Row(
            children: [
              Container(
                width: 40,
                height: 60,
                decoration: const BoxDecoration(
                  color: ColorsManager.spaceColor,
                  borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(15),
                    bottomLeft: Radius.circular(15),
                  ),
                ),
                child: Center(
                  child: SvgPicture.asset(
                    icon,
                    color: ColorsManager.whiteColors,
                    width: 24,
                    height: 24,
                  ),
                ),
              ),
              const SizedBox(width: 10),
              Text(
                name,
                style: const TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: 16,
                ),
              ),
            ],
          ),
        ));
  }
}