Function IconSizes

packages/dev/s2-docs/src/IconSizes.tsx:36–56

({sizes}: {sizes: SizeInfo[]})

};

export function IconSizes({sizes}: {sizes: SizeInfo[]}) {
  return (
    <div className={style({display: 'flex', flexWrap: 'wrap', gap: 16, alignItems: 'end'})}>
      {sizes.map(({size, pixels}) => (
        <div
          key={size}
          className={style({
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            gap: 4
          })}>
          {renderCheckMark(size)}
          <span className={labelStyle({size})}>
            {size} ({pixels})
          </span>
        </div>
      ))}
    </div>
  );
}