Range Slider Components Example

Usage Example

// Import the component
import WeightRangeSelector from '@/components/shop/WeightRangeSelector';
import EnhancedSEO2025 from '@/components/seo/EnhancedSEO2025';

// Use the component
const [weight, setWeight] = useState(75);

<WeightRangeSelector
  minWeight={40}
  maxWeight={120}
  step={1}
  value={weight}
  onChange={setWeight}
  unit="kg"
  isRTL={false}
/>