---
interface Props {
  size?: 'sm' | 'md' | 'lg';
  opacity?: number;
}
const { size = 'md', opacity = 0.10 } = Astro.props;

const sizes = {
  sm: 40,
  md: 56,
  lg: 72,
};
const cell = sizes[size];
---
<div
  class="absolute inset-0 pointer-events-none"
  aria-hidden="true"
  style={`background-image: linear-gradient(to right, rgba(238,118,35,${opacity}) 1px, transparent 1px), linear-gradient(to bottom, rgba(238,118,35,${opacity}) 1px, transparent 1px); background-size: ${cell}px ${cell}px;`}
></div>
