import { css } from '@emotion/react';
import { theme, typography } from '@expo/styleguide';
import { breakpoints, spacing } from '@expo/styleguide-base';
import { FOOTNOTE, KBD } from '~/ui/components/Text';
export const CommandFooter = () => (
↵
to select
↑
↓
to navigate
esc
to close
Search by
);
const commandFooterStyle = css({
display: 'flex',
gap: spacing[4],
padding: `0 ${spacing[4]}px`,
height: 44,
alignItems: 'center',
});
export const footnoteStyle = css({
...typography.fontSizes[12],
color: theme.icon.secondary,
display: 'inline-flex',
gap: spacing[2],
alignItems: 'center',
});
const rightSectionStyle = css({
marginLeft: 'auto',
});
const hideOnMobileStyle = css({
[`@media screen and (max-width: ${breakpoints.medium}px)`]: {
display: 'none',
},
});
const AlgoliaLogo = () => (
);