@hashicorp/design-system-components
Version:
Helios Design System Components
33 lines (30 loc) • 1.67 kB
JavaScript
import Component from '@glimmer/component';
import { HdsApplicationStateTitleTagValues } from './types.js';
import HdsTextBody from '../text/body.js';
import HdsTextDisplay from '../text/display.js';
import HdsIcon from '../icon/index.js';
import HdsTHelper from '../../../helpers/hds-t.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';
/**
* Copyright IBM Corp. 2021, 2025
* SPDX-License-Identifier: MPL-2.0
*/
class HdsApplicationStateHeader extends Component {
get titleTag() {
return this.args.titleTag ?? HdsApplicationStateTitleTagValues.Div;
}
static {
setComponentTemplate(precompileTemplate("<div class=\"hds-application-state__header\" ...attributes>\n {{#if @errorCode}}\n <HdsTextBody class=\"hds-application-state__error-code\" @tag=\"div\" @size=\"100\" @weight=\"medium\" @color=\"faint\">\n {{hdsT \"hds.application-state.header.error\" default=\"ERROR\"}}\n {{@errorCode}}\n </HdsTextBody>\n {{/if}}\n {{#if @icon}}\n <div class=\"hds-application-state__icon\">\n <HdsIcon @color=\"var(--token-color-foreground-strong)\" @name={{@icon}} @size=\"24\" @isInline={{true}} />\n </div>\n {{/if}}\n <HdsTextDisplay class=\"hds-application-state__title\" @tag={{this.titleTag}} @size=\"300\" @weight=\"semibold\" @color=\"strong\">\n {{@title}}\n </HdsTextDisplay>\n</div>", {
strictMode: true,
scope: () => ({
HdsTextBody,
hdsT: HdsTHelper,
HdsIcon,
HdsTextDisplay
})
}), this);
}
}
export { HdsApplicationStateHeader as default };
//# sourceMappingURL=header.js.map