@empathyco/x-tailwindcss/dist/cjs/x-tailwind-plugin/components/layout/max-width.js

Empathy X Tailwind plugin

'use strict';

var xUtils = require('@empathyco/x-utils');

/**
 * Returns the `max width` variants of component `layout`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function maxWidth(helpers) {
    const { theme } = helpers;
    return {
        'max-width': xUtils.rename(xUtils.map(theme('x.layoutMaxWidth'), (maxWidthName, maxWidthValue) => ({
            '--x-layout-max-width': maxWidthValue,
        })), { prefix: '&-' }),
    };
}

exports.maxWidth = maxWidth;