@empathyco/x-tailwindcss/dist/esm/x-tailwind-plugin/components/layout/index.js

Empathy X Tailwind plugin

import { rename } from '@empathyco/x-utils';
import { container } from './container.js';
import { item } from './item.js';
import { maxWidth } from './max-width.js';
import { minMargin } from './min-margin.js';
import { utils } from './utils.js';

/**
 * Returns the component `layout` CSS.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function layout(helpers) {
    return {
        '.x-layout': rename({
            ...container(),
            ...maxWidth(helpers),
            ...minMargin(helpers),
            ...item(),
        }, { prefix: '&-' }),
        ...utils(),
    };
}

export { layout };