import 'package:flutter/material.dart';
import 'package:pwa_ios/utils/util.dart';

class CustomRangeSlider extends StatelessWidget {
  final double sliderPos;
  final void Function(double) onChanged;
  double? min;
  double? max;

  CustomRangeSlider(
      {super.key,
      required this.sliderPos,
      required this.onChanged,
      this.max,
      this.min});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        SizedBox(
          height: isTablet ? 40 : 40,
          child: Slider(
            activeColor: const Color(0xFF2b9af3),
            onChanged: onChanged,
            min: min ?? 10.0,
            max: max ?? 80.0,
            label: sliderPos.toInt().toString(),
            divisions: 48,
            value: sliderPos,
          ),
        ),
        SizedBox(
          height: isTablet ? 1 : 1,
        ),
        Text(
          "Range: ${sliderPos.toInt()}",
          style: TextStyle(
            fontSize: isTablet ? 14.0 : 12,
          ),
        ),
      ],
    );
  }
}