import 'package:auto_size_text/auto_size_text.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

import '../../data/classes/tab.dart';

class GridTabItem extends StatelessWidget {
  const GridTabItem({
    Key? key,
    required this.tab,
    this.active = true,
    this.adaptive = false,
    this.draggable = false,
  }) : super(key: key);

  final DynamicTab tab;
  final bool active;
  final bool draggable;
  final bool adaptive;

  @override
  Widget build(BuildContext context) {
    final Icon _icon = tab.tab.icon as Icon;
    final Text _title = Text(tab.tab.label!);
    if (draggable) {
      return Draggable(
        feedback: DefaultTextStyle(
            style: adaptive && defaultTargetPlatform == TargetPlatform.iOS
                ? CupertinoTheme.of(context).textTheme.textStyle
                : Theme.of(context).textTheme.titleLarge!,
            child: Container(
              width: 120.0,
              height: 80.0,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  Icon(
                    _icon.icon,
                    size: 35.0,
                  ),
                  AutoSizeText(
                    _title.data!,
                    maxLines: 1,
                    textAlign: TextAlign.center,
                    style: TextStyle(fontSize: 30.0),
                  ),
                ],
              ),
            )),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Icon(
              _icon.icon,
              color: active ? null : Colors.grey,
            ),
            Text(
              _title.data!,
              textAlign: TextAlign.center,
              style: active ? null : TextStyle(color: Colors.grey),
            ),
          ],
        ),
        data: tab.tag,
      );
    }

    if (!active) {
      return Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Icon(
            _icon.icon,
            color: Colors.grey,
          ),
          Text(
            _title.data!,
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.grey),
          ),
        ],
      );
    }

    return Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        _icon,
        _title,
      ],
    );
  }
}