import React from 'react';
import { AspectRatio, Badge } from '@chakra-ui/react';
import GridItem from '../grid/GridItem.js';
import Grid from '../grid/index.js';

var TopListingBadge = function (_a) {
    var children = _a.children, aspectRatio = _a.aspectRatio;
    return (React.createElement(Grid, null,
        React.createElement(GridItem, { gridColumn: 1, gridRow: 1 }, aspectRatio ? (React.createElement(AspectRatio, { ratio: aspectRatio }, children)) : (children)),
        React.createElement(GridItem, { gridColumn: 1, gridRow: 1, zIndex: "docked", overflow: "hidden", position: "relative", pointerEvents: "none", __css: { touchAction: 'none' } },
            React.createElement(Badge, { transform: "rotate(-45deg) translateX(-50%) translateY(9px)", transformOrigin: "top left", width: "70px", textAlign: "center", paddingLeft: "sm", color: "gray.900" }, "Top"))));
};

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