hunk.code_window: export const Logo = () => (
     <>
       <LinkBase css={linkStyle} href="https://expo.dev" openInNewTab>
         <WordMarkLogo color={theme.text.default} css={[logoStyle, hideOnMobile]} />
         <LogoIcon color={theme.text.default} css={[logoStyle, showOnMobile]} />
       </LinkBase>
  
hunk.labels: keep keep keep replace replace replace keep
hunk.after_edit:     <LinkBase css={linkStyle} href="https://expo.dev">
         <WordMarkLogo color={theme.text.default} css={[logoStyle, hideOnMobile]} title="Expo" />
         <LogoIcon color={theme.text.default} css={[logoStyle, showOnMobile]} title="Expo" />
  
hunk.file_path: docs/ui/components/Header/Logo.tsx
hunk.type: replace
file: import { css } from '@emotion/react';
  import { theme, spacing } from '@expo/styleguide';
  import * as React from 'react';
  
  import { CALLOUT } from '../Text';
  
  type SidebarTitleProps = React.PropsWithChildren<object>;
  
  export const SidebarTitle = ({ children }: SidebarTitleProps) => (
    <div css={STYLES_TITLE}>
      <CALLOUT weight="medium" theme="secondary">
        {children}
      </CALLOUT>
    </div>
  );
  
  const STYLES_TITLE = css({
    display: 'block',
    position: 'relative',
    marginBottom: spacing[2],
    borderBottom: `1px solid ${theme.border.default}`,
    marginLeft: spacing[5] + spacing[0.5],
    marginRight: -spacing[5],
    paddingBottom: spacing[2],
    userSelect: 'none',
  });
  