Avatar

import { Avatar, Stack, spacing } from 'sxa-ui'

function Demo() {
  return (
    <Stack gap={spacing.m}>
      <Avatar initials='FG' />
      <Avatar alt='avatar' src='https://s3-alpha-sig.figma.com/img/4162/414c/9b3f703ad8d5623b1cf082032f5945e2?Expires=1734307200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=L7s-tsMBlYE1xvxh-n54FHX3P0GREOeDK~fmu8~b5ll0Nc3SOcJ6E40N9nB4OSXT5Hp2cCgksEahK1jtEnOymSsZ5fsCs4xfdnhvEVbI69L4kJ81MY9pZ7MLEi5wx90BuElRuTpJogdWbQfpAR7HWaphCd1~i~Uk5GE9fNE4qftuKVaG9ONdV7jHdzkkxGljJBYkJ0oucShR89g58iiL-drvpyyKZYlzUnvDcsL0waHjDmBbfdip0KozFNsuYcjYVxcsAQGPBFPAveDxTLakqsAir1LGwYA92c~JOk7fNQgGNaik045IK4G~Z394Bn~4dWMPBXYhRET-cssyPUIx-Q__' />
      <Avatar active initials='FG' />
      <Avatar active alt='avatar' src='https://s3-alpha-sig.figma.com/img/4162/414c/9b3f703ad8d5623b1cf082032f5945e2?Expires=1734307200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=L7s-tsMBlYE1xvxh-n54FHX3P0GREOeDK~fmu8~b5ll0Nc3SOcJ6E40N9nB4OSXT5Hp2cCgksEahK1jtEnOymSsZ5fsCs4xfdnhvEVbI69L4kJ81MY9pZ7MLEi5wx90BuElRuTpJogdWbQfpAR7HWaphCd1~i~Uk5GE9fNE4qftuKVaG9ONdV7jHdzkkxGljJBYkJ0oucShR89g58iiL-drvpyyKZYlzUnvDcsL0waHjDmBbfdip0KozFNsuYcjYVxcsAQGPBFPAveDxTLakqsAir1LGwYA92c~JOk7fNQgGNaik045IK4G~Z394Bn~4dWMPBXYhRET-cssyPUIx-Q__' />
    </Stack>
  )
}

export default Demo