export type SpacerProps = {
  size: string;
  direction: 'vertical' | 'horizontal' | 'both';
};

export default function SpacerSection({ size, direction }: SpacerProps) {
  const style: React.CSSProperties =
    direction === 'vertical'
      ? { height: size, display: 'block' }
      : direction === 'horizontal'
        ? { width: size, display: 'inline-block' }
        : { height: size, width: size, display: 'block' };

  return <div style={style} aria-hidden="true" />;
}