@create-figma-plugin/ui/lib/components/textbox/textbox-numeric/textbox-numeric.js

Production-grade Preact components that replicate the Figma UI design

import { h } from 'preact';
import { createClassName } from '../../../utilities/create-class-name.js';
import { createComponent } from '../../../utilities/create-component.js';
import textboxStyles from '../textbox/textbox.module.css';
import { RawTextboxNumeric } from './private/raw-textbox-numeric.js';
import textboxNumericStyles from './textbox-numeric.module.css';
export const TextboxNumeric = createComponent(function ({ icon, ...rest }, ref) {
    if (typeof icon === 'string' && icon.length !== 1) {
        throw new Error(`String \`icon\` must be a single character: ${icon}`);
    }
    return (h("div", { class: createClassName([
            textboxStyles.textbox,
            typeof icon === 'undefined' ? null : textboxStyles.hasIcon,
            rest.disabled === true ? textboxStyles.disabled : null
        ]) },
        h(RawTextboxNumeric, { ...rest, ref: ref, class: createClassName([
                textboxStyles.input,
                textboxNumericStyles.input
            ]) }),
        typeof icon === 'undefined' ? null : (h("div", { class: textboxStyles.icon }, icon))));
});
//# sourceMappingURL=textbox-numeric.js.map