import type { Sidenote } from '@/lib/types/components';
import styles from './Item.module.css';

export default function SidenoteItem({ id, marker, content, type }: Sidenote) {
  return (
    <sup>
      <a
        href={`#${id}`}
        className={styles.ref}
        id={`ref-${id}`}
        style={{ anchorName: `--note-${id}` } as React.CSSProperties}
      >
        [{marker}]
      </a>
    </sup>
  );
}
