polen
Version:
A framework for delightful GraphQL developer portals
20 lines (19 loc) • 955 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Flex, Text } from '@radix-ui/themes';
export const Logo = ({ src, title, height = 30, showTitle = true }) => {
return (_jsxs(Flex, { align: 'center', gap: '2', children: [_jsx(Box, { style: { height, display: `flex`, alignItems: `center` }, children: _jsx("img", { src: src, alt: title, height: height, className: 'polen-logo', style: {
height: `100%`,
width: `auto`,
transition: `filter 0.2s ease-in-out`,
} }) }), showTitle && (_jsx(Text, { size: '3', weight: 'medium', children: title })), _jsx("style", { children: `
.polen-logo {
filter: none;
}
@media (prefers-color-scheme: dark) {
.polen-logo {
filter: invert(1);
}
}
` })] }));
};
//# sourceMappingURL=Logo.js.map