@wordpress/components
Version:
UI components for WordPress.
55 lines (52 loc) • 1.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _icons = require("@wordpress/icons");
var _i18n = require("@wordpress/i18n");
var _context = require("../../context");
var _toggleGroupControl = require("../../toggle-group-control");
var _jsxRuntime = require("react/jsx-runtime");
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const BORDER_STYLES = [{
label: (0, _i18n.__)('Solid'),
icon: _icons.lineSolid,
value: 'solid'
}, {
label: (0, _i18n.__)('Dashed'),
icon: _icons.lineDashed,
value: 'dashed'
}, {
label: (0, _i18n.__)('Dotted'),
icon: _icons.lineDotted,
value: 'dotted'
}];
function UnconnectedBorderControlStylePicker({
onChange,
...restProps
}, forwardedRef) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControl, {
__nextHasNoMarginBottom: true,
__next40pxDefaultSize: true,
ref: forwardedRef,
isDeselectable: true,
onChange: value => {
onChange?.(value);
},
...restProps,
children: BORDER_STYLES.map(borderStyle => /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleGroupControl.ToggleGroupControlOptionIcon, {
value: borderStyle.value,
icon: borderStyle.icon,
label: borderStyle.label
}, borderStyle.value))
});
}
const BorderControlStylePicker = (0, _context.contextConnect)(UnconnectedBorderControlStylePicker, 'BorderControlStylePicker');
var _default = exports.default = BorderControlStylePicker;
//# sourceMappingURL=component.js.map