import 'package:flutter/foundation.dart';
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: [
        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 ? 2 : 1,
        ),
        Text(
          "Range: ${sliderPos.toInt()}",
          style: TextStyle(
            fontSize: isTablet ? 14.0 : 12,
          ),
        ),
      ],
    );
  }
}