React - add condition with props.source (change class on specific component only)

Question

// navbar.tsx
import SocialShare from '../shared/SocialShare';
return (
  <SocialShare source="navbar" />
)

//SocialShare.tsx
type DropDownContainerProps = {
  source?: string;
};

const DropDownContainer = styled.div<DropDownContainerProps>`
  width: auto;
  margin: 0 auto;
  text-align: center;
  @media (min-width: 992px) {
    display: ${props => (props.source === 'navbar' ? 'none' : 'block')};
  }
`;

type SocialShareProps = {
  source?: string;
};

function SocialShare({ source }: SocialShareProps) {
  return(
   <>
     <DropDownContainer source="navbar">
   </>
  );
}