| 1 | import React from 'react';
|
| 2 | import { styled } from '@storybook/theming';
|
| 3 | import { Link } from '../../typography/link/link';
|
| 4 | var NoControlsWrapper = styled.div(function (_ref) {
|
| 5 | var theme = _ref.theme;
|
| 6 | return {
|
| 7 | background: theme.background.warning,
|
| 8 | color: theme.color.darkest,
|
| 9 | padding: '10px 15px',
|
| 10 | lineHeight: '20px',
|
| 11 | boxShadow: "".concat(theme.appBorderColor, " 0 -1px 0 0 inset")
|
| 12 | };
|
| 13 | });
|
| 14 | export var NoControlsWarning = function NoControlsWarning() {
|
| 15 | return React.createElement(NoControlsWrapper, null, "This story is not configured to handle controls.", ' ', React.createElement(Link, {
|
| 16 | href: "https://storybook.js.org/docs/react/essentials/controls",
|
| 17 | target: "_blank",
|
| 18 | cancel: false,
|
| 19 | withArrow: true
|
| 20 | }, "Learn how to add controls"));
|
| 21 | };
|
| 22 | NoControlsWarning.displayName = "NoControlsWarning"; |
| \ | No newline at end of file |