Use named over default exports

Author: kraenhansen

packages/compass-components/src/components/leafygreen.tsx

@@ -3,14 +3,14 @@ import React from 'react';
 // This file exports `@leafygreen-ui` components and wraps some of them.
 
 // 1. Import the components we use from leafygreen.
-import { default as Copyable } from '@leafygreen-ui/copyable';
-import { default as Badge } from '@leafygreen-ui/badge';
+import { Copyable } from '@leafygreen-ui/copyable';
+import { Badge } from '@leafygreen-ui/badge';
 import { default as Banner } from '@leafygreen-ui/banner';
-import Checkbox from '@leafygreen-ui/checkbox';
-import Card from '@leafygreen-ui/card';
-import Code, { Language, Panel } from '@leafygreen-ui/code';
-import ConfirmationModal from '@leafygreen-ui/confirmation-modal';
-import { default as LeafyGreenIcon } from '@leafygreen-ui/icon';
+import { Checkbox } from '@leafygreen-ui/checkbox';
+import { Card } from '@leafygreen-ui/card';
+import { Code, Language, Panel } from '@leafygreen-ui/code';
+import { ConfirmationModal } from '@leafygreen-ui/confirmation-modal';
+import { Icon as LeafyGreenIcon } from '@leafygreen-ui/icon';
 import type { Size as LeafyGreenIconSize } from '@leafygreen-ui/icon';
 export type { GlyphName } from '@leafygreen-ui/icon';
 import { Chip } from '@leafygreen-ui/chip';
@@ -31,10 +31,10 @@ import { InfoSprinkle } from '@leafygreen-ui/info-sprinkle';
   type: 'button',
 };
 
-import Modal, { Footer as ModalFooter } from '@leafygreen-ui/modal';
-import MarketingModal from '@leafygreen-ui/marketing-modal';
+import { Modal, Footer as ModalFooter } from '@leafygreen-ui/modal';
+import { MarketingModal } from '@leafygreen-ui/marketing-modal';
 import { Pipeline, Stage } from '@leafygreen-ui/pipeline';
-import Popover from '@leafygreen-ui/popover';
+import { Popover } from '@leafygreen-ui/popover';
 import { RadioBox, RadioBoxGroup } from '@leafygreen-ui/radio-box-group';
 import { Radio, RadioGroup } from '@leafygreen-ui/radio-group';
 import {
@@ -68,12 +68,12 @@ export type {
   SortingState,
 } from '@leafygreen-ui/table';
 import { Tabs, Tab } from '@leafygreen-ui/tabs';
-import TextArea from '@leafygreen-ui/text-area';
-import TextInput from '@leafygreen-ui/text-input';
+import { TextArea } from '@leafygreen-ui/text-area';
+import { TextInput } from '@leafygreen-ui/text-input';
 import { SearchInput } from '@leafygreen-ui/search-input';
 export { usePrevious, useMergeRefs } from '@leafygreen-ui/hooks';
-import Toggle from '@leafygreen-ui/toggle';
-import LGTooltip from '@leafygreen-ui/tooltip';
+import { Toggle } from '@leafygreen-ui/toggle';
+import { Tooltip as LGTooltip } from '@leafygreen-ui/tooltip';
 import {
   H1,
   H2,