import {useEffect} from 'react'; import {ClassNames, css, useTheme} from '@emotion/react'; import styled from '@emotion/styled'; import type {ModalRenderProps} from 'sentry/actionCreators/modal'; import Input from 'sentry/components/input'; import {Search} from 'sentry/components/search'; import {t} from 'sentry/locale'; import {space} from 'sentry/styles/space'; import {trackAnalytics} from 'sentry/utils/analytics'; function CommandPalette({Body}: ModalRenderProps) { const theme = useTheme(); useEffect( () => void trackAnalytics('omnisearch.open', { organization: null, }), [] ); return ( {({css: injectedCss}) => ( ( )} /> )} ); } export default CommandPalette; export const modalCss = css` [role='document'] { padding: 0; } `; const InputWrapper = styled('div')` padding: ${space(0.25)}; `; const StyledInput = styled(Input)` width: 100%; padding: ${space(1)}; border-radius: ${p => p.theme.modalBorderRadius}; outline: none; border: none; box-shadow: none; :focus, :active, :hover { outline: none; border: none; box-shadow: none; } `;