import 'package:flutter/material.dart';

import '../../../config/custom_text.dart';
import '../../../utils/colors.dart';
import '../../../widgets/custom_button.dart';

class WidgetOnboarding extends StatelessWidget {
  final VoidCallback onNext;
  final String image;
  final String title;
  final String description;
  final int index;

  const WidgetOnboarding({
    super.key,
    required this.onNext,
    required this.image,
    required this.title,
    required this.description,
    required this.index,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Image.asset(
          image,
          width: 317,
          height: 317,
        ),
        const SizedBox(height: 30),
        Txt(
          text: title,
          style: const TextStyle(
            color: AppNewColors.titleTextColor,
            fontSize: 26,
            fontFamily: 'Inter',
            fontWeight: FontWeight.w600,
            height: 1.23,
          ),
        ),
        const SizedBox(height: 10),
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 16.0),
          child: Txt(
            text: description,
            textAlign: TextAlign.center,
            style: const TextStyle(
              color: AppNewColors.grayTxtColor,
              fontSize: 18,
              fontFamily: 'Inter',
              fontWeight: FontWeight.w500,
              height: 1.33,
            ),
          ),
        ),
        const SizedBox(height: 30),
        CustomButton(
          onClick: onNext,
          width: 200,
          fontSize: 15,
          height: 48,
          borderRadius: 12,
          txtColor: AppNewColors.primaryColor,
          title: index == 2 ? "Get started!" : "Next",
          backgroundColor: AppNewColors.primaryLoginColor,
          borderColor: AppNewColors.primaryLoginColor,
        ),
      ],
    );
  }
}