rename methods

packages/website/src/components/Code/index.module.css

@@ -0,0 +1,16 @@
+.code {
+  font: inherit;
+  font-family: var(--font-family-mono);
+
+  white-space: pre;
+
+  display: inline-block;
+
+  &[data-variant="solid"] {
+    background-color: var(--gray-3);
+
+    border-radius: var(--space-3);
+
+    padding: var(--space-4);
+  }
+}

packages/website/src/components/Code/index.tsx

@@ -0,0 +1,18 @@
+import { classNames } from "../../ui/classNames";
+import { Text, type TextProps } from "../Text";
+import styles from "./index.module.css";
+
+export interface CodeProps extends TextProps {
+  lowContrast?: boolean;
+  variant?: "ghost" | "solid";
+}
+
+export function Code({ className, variant = "ghost", ...props }: CodeProps) {
+  return (
+    <Text
+      data-variant={variant}
+      className={classNames(styles.code, className)}
+      {...props}
+    />
+  );
+}