Exports CopyButton from Code component (#2919)

* export copy button

* fix

Author: bruugey

.changeset/bumpy-dragons-decide.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/code': minor
+---
+
+Exports `CopyButton` component

packages/code/src/Code.stories.tsx

@@ -15,7 +15,13 @@ import {
   languageOptions,
   LanguageSwitcherWithPanelExample,
 } from './LanguageSwitcher/LanguageSwitcherExample';
-import Code, { CodeProps, CopyButtonAppearance, Language, Panel } from '.';
+import Code, {
+  CodeProps,
+  CopyButton,
+  CopyButtonAppearance,
+  Language,
+  Panel,
+} from '.';
 
 const customActionButtons = [
   <IconButton onClick={() => {}} aria-label="label" key="1">
@@ -384,3 +390,7 @@ Loading.parameters = {
     },
   },
 };
+
+export const CopyButtonExample = () => {
+  return <CopyButton contents={jsSnippet} />;
+};

packages/code/src/CopyButton/index.ts

@@ -0,0 +1 @@
+export { default as CopyButton } from './CopyButton';

packages/code/src/index.ts

@@ -1,12 +1,12 @@
 import { Code, CopyButtonAppearance } from './Code';
 export { Code, CopyButtonAppearance };
 export type { CodeProps } from './Code/Code.types';
+export { CopyButton } from './CopyButton';
 export { variantColors } from './globalStyles';
 export { Panel } from './Panel';
 export type { LanguageOption } from './Panel/Panel.types';
 export type { SyntaxProps } from './Syntax/Syntax.types';
 export type { LineHighlightingDefinition } from './types';
 export { Language } from './types';
 export { getLgIds, type GetLgIdsReturnType } from './utils';
-
 export default Code;