Change field size

define([
    'Swissup_Firecheckout/js/utils/form-field/classname'
], function (classname) {
    'use strict';

    /**
     * Resize firstname and lastname fields to 50% by default,
     * and 100% when parent container is small.
     */
    classname(
        '[name="firstname"], [name="lastname"]',
        'fc-col-6 fc-size-xs:fc-col-12'
    );

    /**
     * Resize company and street fields to take the whole row
     */
    classname(
        '[name="company"], [name="street[0]"], [name="street[1]"]',
        'fc-col-12'
    );

    /**
     * Place country, region, postcode, and city fields in a single row
     * when parent container is large
     */
    classname(
        [
            '[name="country_id"]',
            '[name="region_id"], [name="region"]',
            '[name="postcode"]',
            '[name="city"]'
        ].join(', '),
        'fc-size-l:fc-col-3'
    );

    /**
     * Resize telephone and fax fields to 50% by default,
     * and 100% when parent container is small.
     */
    classname(
        '[name="telephone"], [name="fax"]',
        'fc-col-6 fc-size-xs:fc-col-12'
    );
});