mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-10-07 02:58:11 +00:00
22 lines
906 B
TypeScript
22 lines
906 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
|
|
import { cn, withRef } from '@udecode/cn';
|
|
import { PlateLeaf } from '@udecode/plate-common/react';
|
|
|
|
export const KbdLeaf = withRef<typeof PlateLeaf>(
|
|
({ children, className, ...props }, ref) => (
|
|
<PlateLeaf
|
|
ref={ref}
|
|
asChild
|
|
className={cn(
|
|
'rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]',
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
<kbd>{children}</kbd>
|
|
</PlateLeaf>
|
|
)
|
|
);
|