@justeattakeaway/pie-icons-vue
Version:
Shared PIE Icon Components for Vue.js.
38 lines (36 loc) • 1.19 kB
JavaScript
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
import { iconSize, updateContextData } from '@justeattakeaway/pie-icons-configs/configs-vue';
export default {
name: 'IconFlagItaly',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--italy', 'IconFlagItaly');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 16 16',
},
}, ctx.data]), [h('path', {
attrs: {
fill: '#EEE',
d: 'M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z',
},
}), h('path', {
attrs: {
fill: '#D80027',
d: 'M15 8a7 7 0 0 0-4.566-6.563v13.126A7 7 0 0 0 15 8Z',
},
}), h('path', {
attrs: {
fill: '#6DA544',
d: 'M1 8a7 7 0 0 0 4.566 6.563V1.437A7 7 0 0 0 1 8Z',
},
})]);
},
};