import { css } from '@emotion/react'; import { spacing, theme, PlanEnterpriseIcon, iconSize } from '@expo/styleguide'; import * as React from 'react'; import { APIIcon, APIInactiveIcon } from './icons/API'; import { DocumentationIcon, DocumentationInactiveIcon } from './icons/Documentation'; import { PreviewIcon, PreviewInactiveIcon } from './icons/Preview'; import { shouldShowFeaturePreviewLink } from '~/constants/FeatureFlags.cjs'; import { SidebarHeadEntry } from '~/ui/components/Sidebar/SidebarHeadEntry'; type SidebarHeadProps = { sidebarActiveGroup: string; }; export const SidebarHead = ({ sidebarActiveGroup }: SidebarHeadProps) => { return (
(
)} isActive={sidebarActiveGroup === 'eas'} /> {shouldShowFeaturePreviewLink() && ( )}
); }; const sidebarHeadContainer = css({ display: 'flex', flexDirection: 'column', padding: spacing[4], borderBottom: `1px solid ${theme.border.default}`, background: theme.background.default, }); const easIconContainerStyle = css({ height: spacing[5], width: spacing[5], display: 'flex', alignItems: 'center', justifyContent: 'center', marginRight: spacing[2.5], });