@empathyco/x-tailwindcss/dist/cjs/x-tailwind-plugin/components/suggestion/default.js

Empathy X Tailwind plugin

'use strict';

var alignIconWithBaseline = require('../icon/utils/align-icon-with-baseline.js');
var sizes = require('./sizes.js');

/**
 * Returns the default styles for component `suggestion`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the component.
 */
function suggestionDefault(helpers) {
    const { theme } = helpers;
    return {
        fontFamily: theme('x.fontFamily.main'),
        fontWeight: theme('x.fontWeight.regular'),
        display: 'grid',
        gridAutoFlow: 'column',
        alignItems: 'center',
        alignContent: 'center',
        justifyContent: 'flex-start',
        boxSizing: 'border-box',
        cursor: 'pointer',
        textAlign: 'start',
        ...sizes.suggestionSizes(helpers).md,
        color: theme('x.colors.neutral.90'),
        '&:hover': {
            textDecoration: 'underline',
        },
        ...alignIconWithBaseline.alignIconWithBaseline(),
    };
}

exports.suggestionDefault = suggestionDefault;