@carbon/storybook-addon-theme
Version:
Carbon theme switcher for Storybook
43 lines (41 loc) • 1.46 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PanelContent = void 0;
var _react = _interopRequireDefault(require("react"));
var _components = require("@storybook/components");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _constants = require("../constants");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
* Copyright IBM Corp. 2023, 2023
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
const PanelContent = ({
theme,
onChange
}) => {
const themes = Object.values(_constants.CARBON_THEMES);
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_components.Form, null, /*#__PURE__*/_react.default.createElement(_components.Form.Field, {
label: "Select Carbon theme:"
}, /*#__PURE__*/_react.default.createElement(_components.Form.Select, {
name: "carbon-theme",
value: theme,
onChange: ev => {
onChange && onChange(ev.target.value);
},
size: "flex"
}, themes.map(option => /*#__PURE__*/_react.default.createElement("option", {
key: option,
value: option
}, option))))));
};
exports.PanelContent = PanelContent;
PanelContent.propTypes = {
onChange: _propTypes.default.func,
theme: _propTypes.default.string
};
//# sourceMappingURL=PanelContent.js.map