import 'package:flutter/material.dart';
import 'package:syncrow_web/pages/spaces_management/model/community_model.dart';
import 'package:syncrow_web/pages/spaces_management/widgets/community_structure_widget.dart';
import 'package:syncrow_web/pages/spaces_management/widgets/gradient_canvas_border_widget.dart';
import 'package:syncrow_web/pages/spaces_management/widgets/sidebar_widget.dart';

class LoadedSpaceView extends StatefulWidget {
  final List<CommunityModel> communities;
  final CommunityModel? selectedCommunity;
  final ValueChanged<CommunityModel> onCommunitySelected;

  const LoadedSpaceView({
    Key? key,
    required this.communities,
    this.selectedCommunity,
    required this.onCommunitySelected,
  }) : super(key: key);

  @override
  _LoadedStateViewState createState() => _LoadedStateViewState();
}

class _LoadedStateViewState extends State<LoadedSpaceView> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      clipBehavior: Clip.none,
      children: [
        Row(
          children: [
            SidebarWidget(
              communities: widget.communities,
              onCommunitySelected: widget.onCommunitySelected,
            ),
            CommunityStructureArea(
              selectedCommunity: widget.selectedCommunity,
              spaces: widget.selectedCommunity?.spaces ?? [],
              connections: [],
            ),
          ],
        ),
        const GradientCanvasBorderWidget(),
      ],
    );
  }
}