Function InfoMessage

packages/dev/s2-docs/src/colorSearchData.tsx:237–244

({children}: InfoMessageProps)

}

export function InfoMessage({children}: InfoMessageProps) {
  return (
    <div className={style({display: 'flex', gap: 4, padding: 8, alignItems: 'center'})}>
      <InfoCircle styles={iconStyle({size: 'XS'})} />
      <span className={style({font: 'ui'})}>{children}</span>
    </div>
  );
}

function SkeletonColorItem({item}: {item: {id: string}}) {
  const ref = useRef(null);