import React from 'react';
import { useTheme, Box, AspectRatio } from '@chakra-ui/react';
import { Brand } from '../../types/brand.js';

var _a;
var badgeText = (_a = {},
    _a[Brand.AutoScout24] = 'TopCar',
    _a[Brand.MotoScout24] = 'TopMoto',
    _a);
var TopVehicleSharedBadge = function (_a) {
    var children = _a.children, aspectRatio = _a.aspectRatio;
    var brand = useTheme().brand;
    return (React.createElement(Box, null,
        React.createElement(Box, { w: "full", textAlign: "center", textStyle: "heading4", p: "xs", textColor: "gray.900" }, badgeText[brand]),
        aspectRatio ? (React.createElement(AspectRatio, { ratio: aspectRatio }, children)) : (children)));
};

export { TopVehicleSharedBadge as default };
//# sourceMappingURL=index.js.map
