import React from 'react';
import { Box, FormField, NumberInput } from '@wix/design-system';
import { classes } from './CharactersLimitInput.st.css.js';
export const CharactersLimitInput = ({ minLabel, maxLabel, value, onChange, }) => (React.createElement(Box, { gap: "SP3", width: "100%" },
    React.createElement(Box, { className: classes.field },
        React.createElement(FormField, { stretchContent: true, label: minLabel },
            React.createElement(NumberInput, { value: value.minLength, onChange: (v) => onChange({ ...value, minLength: v ?? undefined }), min: 0 }))),
    React.createElement(Box, { className: classes.field },
        React.createElement(FormField, { stretchContent: true, label: maxLabel },
            React.createElement(NumberInput, { value: value.maxLength, onChange: (v) => onChange({ ...value, maxLength: v ?? undefined }), min: 0 })))));
//# sourceMappingURL=CharactersLimitInput.js.map