import 'package:flutter/material.dart';
import 'package:my_portfolio/constants/colors.dart';
import 'package:my_portfolio/constants/size.dart';
import 'package:my_portfolio/widgets/skills_desktop.dart';
import 'package:my_portfolio/widgets/skills_mobile.dart';

class SkillsSection extends StatelessWidget {
  const SkillsSection({super.key});

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        return Container(
          width: double.infinity,
          padding: const EdgeInsets.fromLTRB(25, 20, 25, 60),
          color: CustomColor.bgLight1,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              // title
              const Text(
                "What I can do",
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                  color: CustomColor.whitePrimary,
                ),
              ),
              const SizedBox(height: 50),

              // platforms and skills
              if (constraints.maxWidth >= kMedDesktopWidth)
                const SkillsDesktop()
              else
                const SkillsMobile(),
            ],
          ),
        );
      },
    );
  }
}