import type { JSX } from 'react';

export function CornerBrackets(): JSX.Element {
  const base = 'absolute h-3 w-3 pointer-events-none border-gold';
  return (
    <>
      <span className={`${base} -left-px -top-px border-l border-t`} />
      <span className={`${base} -right-px -top-px border-r border-t`} />
      <span className={`${base} -bottom-px -left-px border-b border-l`} />
      <span className={`${base} -bottom-px -right-px border-b border-r`} />
    </>
  );
}
