SpinnerLoading indicator for ongoing tasks.

import Spinner from '@/components/Spinner';
export function Example() {  return <Spinner />;}

import Spinner from '@/components/Spinner';import Text from '@/components/Text';
export function Example() {  return (    <>      <Text $fontSize="xs"><Spinner /></Text>      <Text $fontSize="s"><Spinner /></Text>      <Text $fontSize="sm"><Spinner /></Text>      <Text $fontSize="m"><Spinner /></Text>    </>  );}

import Spinner from '@/components/Spinner';import Text from '@/components/Text';
export function Example() {  return (    <>      <Text><Spinner /></Text>      <Text $color="--color-red-400"><Spinner /></Text>      <Text $color="--color-blue-200"><Spinner /></Text>      <Text $color="--color-yellow-700"><Spinner /></Text>    </>  );}