eslint-plugin-react-snob/dist/rules/no-inline-styles.js

An ESLint plugin for React best practices

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.noInlineStyles = void 0;
const utils_1 = require("../utils");
exports.noInlineStyles = (0, utils_1.createRule)({
    create(context) {
        return {
            JSXAttribute(node) {
                if (node.name.type === 'JSXIdentifier' &&
                    node.name.name === 'style' &&
                    node.value &&
                    node.value.type === 'JSXExpressionContainer') {
                    context.report({
                        messageId: 'noInlineStyle',
                        node: node,
                    });
                }
            },
        };
    },
    defaultOptions: [],
    meta: {
        docs: {
            description: 'Disallow inline styles in JSX elements',
        },
        fixable: undefined,
        messages: {
            noInlineStyle: 'Avoid using inline styles. Use CSS classes or styled-components instead.',
        },
        schema: [],
        type: 'suggestion',
    },
    name: 'no-inline-styles',
});