import React from 'react';
import { css, cx, palette } from '@mongodb-js/compass-components';
export const aiEntrySVGStyles = css({
alignSelf: 'center',
path: {
transition: 'fill 0.16s ease-in',
},
});
export const aiEntrySVGDarkModeStyles = css({
path: {
fill: palette.green.dark1,
},
});
export const aiEntrySVGLightModeStyles = css({
path: {
fill: palette.green.dark2,
},
});
export const DEFAULT_AI_ENTRY_SIZE = 16;
// Note: This is duplicated below as a string for HTML.
const AIEntrySVG = ({
darkMode,
size = DEFAULT_AI_ENTRY_SIZE,
}: {
darkMode?: boolean;
size?: number;
}) => (
);
// Note: This is duplicated above for react.
const getAIEntrySVGString = () => `
`;
export { getAIEntrySVGString, AIEntrySVG };