renderg.host / renderghost
My personal website
fork atom
renderghost / src / components / Mark / Mark.tsx
at main 16 lines 466 B view raw
Barry Prendergast Update About page content, add list components, reorganize component structure, and clean up dependencies
2477d7bb
1import { cn } from '@/lib/utils'; 2import React from 'react'; 3import { markStyles } from './Mark.styles'; 4import { MarkProps } from './Mark.types'; 5 6export const Mark = React.forwardRef<HTMLElement, MarkProps>( 7 ({ children, size = 'md', className = '', ...props }, ref) => { 8 return ( 9 <mark ref={ref} className={cn(markStyles.base, markStyles.sizes[size], className)} {...props}> 10 {children} 11 </mark> 12 ); 13 }, 14); 15 16Mark.displayName = 'Mark';