/*!
 * Built by ShiftSoftware
 * Copyright (c)
 */
import { h } from './index-Bf4Ol6Qt.js';
import { c as cn } from './cn-BK16Cn81.js';

const VehicleInfoLayout = (props, children) => props.coreOnly ? (h("div", { class: cn({ loading: props.isLoading }) }, children)) : (h("div", { dir: props.direction, part: "vehicle-info-container", class: cn('vehicle-info-container', { loading: props.isLoading }) },
    h("div", { part: "vehicle-info-header", class: "vehicle-info-header" },
        h("strong", { part: "vehicle-info-header-vin", class: "vehicle-info-header-vin load-animation" }, props.isError ? (h("span", { dir: props.direction, style: { color: 'red' } }, props.errorMessage)) : (props.header)),
        props.headerRight && h("div", { class: "vehicle-info-header-action" }, props.headerRight)),
    h("div", { part: "vehicle-info-body", class: "vehicle-info-body" },
        h("div", { part: "vehicle-info-content", class: "vehicle-info-content" }, children))));

export { VehicleInfoLayout as V };
