@wordpress/block-editor
Version:
50 lines (45 loc) • 1.05 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";
/**
* WordPress dependencies
*/
import { SelectControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import useSetting from '../use-setting';
export default function FontFamilyControl({
value = '',
onChange,
fontFamilies,
...props
}) {
const blockLevelFontFamilies = useSetting('typography.fontFamilies');
if (!fontFamilies) {
fontFamilies = blockLevelFontFamilies;
}
if (!fontFamilies || fontFamilies.length === 0) {
return null;
}
const options = [{
value: '',
label: __('Default')
}, ...fontFamilies.map(({
fontFamily,
name
}) => {
return {
value: fontFamily,
label: name || fontFamily
};
})];
return createElement(SelectControl, _extends({
label: __('Font'),
options: options,
value: value,
onChange: onChange,
labelPosition: "top"
}, props));
}
//# sourceMappingURL=index.js.map