@storybook/addon-ondevice-controls
Version:
Display storybook controls on your device.
18 lines (17 loc) • 1.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_native_theming_1 = require("@storybook/react-native-theming");
const react_native_1 = require("react-native");
const Paragraph = react_native_theming_1.styled.Text(({ theme }) => ({
marginBottom: 16,
color: theme.color.defaultText,
}));
const LinkText = react_native_theming_1.styled.Text(({ theme }) => ({
color: theme.color.secondary,
textDecorationLine: 'underline',
}));
const NoControlsWarning = () => {
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { padding: 10 }, children: [(0, jsx_runtime_1.jsx)(Paragraph, { children: "This story is not configured to handle controls." }), (0, jsx_runtime_1.jsxs)(Paragraph, { children: [(0, jsx_runtime_1.jsx)(LinkText, { onPress: () => react_native_1.Linking.openURL('https://storybook.js.org/docs/react/essentials/controls'), children: "Learn how to add controls" }), ' ', "and see", ' ', (0, jsx_runtime_1.jsx)(LinkText, { onPress: () => react_native_1.Linking.openURL('https://github.com/storybookjs/react-native/tree/next-6.0/examples/expo-example/components/ControlExamples'), children: "examples in the Storybook React Native repository." })] })] }));
};
exports.default = NoControlsWarning;