// src/components/settings/ColumnRangeControl.js
import { __ } from '@wordpress/i18n';
import { RangeControl } from '@wordpress/components';

const ColumnRangeControl = ({ value = 2, onChange, min = 1, max = 12, step = 1 }) => {
  return (
    <RangeControl
      label={__('Number of Columns', 'axcelersblocks')}
      value={value}
      onChange={(val) => onChange(val)}
      min={min}
      max={max}
      step={step}
      withInputField
      help={__('Adjust the number of columns. Columns are added or removed automatically.', 'axcelersblocks')}
    />
  );
};

export default ColumnRangeControl;
