border1

1const Border1 = () => (
2  <div className="relative w-full h-full">
3    <span className="absolute -top-0 -left-[0.5px] block size-6 border-dashed border-t-1 border-l-1 border-muted-foreground z-30" />
4    <span className="absolute -top-px -right-px block size-6 border-dashed border-t-1 border-r-1 border-muted-foreground z-30" />
5    <span className="absolute -bottom-px -left-[0.5px] block size-6 border-dashed border-b-1 border-l-1 border-muted-foreground z-30" />
6    <span className="absolute -bottom-px -right-px block size-6 border-b-1 border-r-1 border-dashed border-muted-foreground z-30" />
7  </div>
8);
9 
10export default Border1;