import { helper } from '@ember/component/helper';
// TODO: Look at ember-inline-svg
const cssVars = {
'--decor-border-100': '1px solid',
'--decor-border-200': '2px solid',
'--decor-radius-300': '3px',
'--white': '#FFF',
'--gray-500': '#6f7682',
'--kubernetes-color-svg': `url('data:image/svg+xml;charset=UTF-8,')`,
'--terraform-color-svg': `url('data:image/svg+xml;charset=UTF-8,')`,
'--nomad-color-svg': `url('data:image/svg+xml;charset=UTF-8,')`,
'--consul-color-svg': `url('data:image/svg+xml;charset=UTF-8,')`,
'--aws-color-svg': `url('data:image/svg+xml;charset=UTF-8,')`,
};
export function cssVar(params, hash) {
return typeof cssVars[params[0]] !== 'undefined' ? cssVars[params[0]] : params[1];
}
export default helper(cssVar);