@ljcl/storybook-addon-cssprops/dist/cjs/components/NoCustomPropertiesWarning.js

Interact with css custom properties dynamically in the Storybook UI

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NoCustomPropertiesWarning = void 0;
var React = require("react");
var theming_1 = require("@storybook/theming");
var components_1 = require("@storybook/components");
var NoCustomPropertiesWrapper = theming_1.styled.div(function (_a) {
    var theme = _a.theme;
    return ({
        background: theme.background.app,
        padding: "10px 15px",
        lineHeight: "20px",
        boxShadow: "".concat(theme.appBorderColor, " 0 -1px 0 0 inset"),
    });
});
var NoCustomPropertiesWarning = function () { return (React.createElement(NoCustomPropertiesWrapper, null,
    "This story is not configured with CSS Custom Properties.\u00A0",
    React.createElement(components_1.Link, { href: "https://github.com/ljcl/storybook-addon-cssprops/blob/main/README.md#adding-custom-properties", target: "_blank", cancel: false }, "Learn how to add css custom properties \u00BB"))); };
exports.NoCustomPropertiesWarning = NoCustomPropertiesWarning;