CoreAvatar

import { CoreAvatar } from '@featuring-corp/components';

// 기본 (원형)
<CoreAvatar text="F" />

// 정사각형
<CoreAvatar shape="square" text="F" />

// 색상 지정
<CoreAvatar text="F" colorType="red" />
<CoreAvatar text="Featuring" colorType="blue" />

import { CoreAvatar } from '@featuring-corp/components';

<CoreAvatar 
  src="https://example.com/image.jpg" 
  isLazy 
/>

// 이미지 로드 실패 시 텍스트 표시
<CoreAvatar 
  text="에러" 
  src="https://error-image" 
  isLazy 
/>

import { CoreAvatar } from '@featuring-corp/components';

<CoreAvatar showDefaultIcon />
<CoreAvatar shape="square" showDefaultIcon />

import { CoreAvatar } from '@featuring-corp/components';

// Filled dot
<CoreAvatar 
  text="F" 
  dot={{ color: 'red', type: 'filled' }} 
/>

// Border dot
<CoreAvatar 
  text="F" 
  dot={{ color: 'red', type: 'border', size: 'sm' }} 
/>

// 이미지와 함께
<CoreAvatar 
  src="https://example.com/image.jpg" 
  dot={{ color: 'red' }} 
  isLazy 
/>

import { CoreAvatar } from '@featuring-corp/components';

<CoreAvatar 
  text="F" 
  statusBadge={{ 
    status: 'primary', 
    type: 'filled', 
    text: '99+' 
  }} 
/>

<CoreAvatar 
  src="https://example.com/image.jpg" 
  statusBadge={{ 
    status: 'success', 
    type: 'filled', 
    text: '99+' 
  }} 
  isLazy 
/>

import { CoreAvatar } from '@featuring-corp/components';
import { IconInstagramColored, IconYoutubeColored } from '@featuring-corp/icons';

<CoreAvatar 
  text="F" 
  iconBadge={{ icon: <IconInstagramColored /> }} 
/>

<CoreAvatar 
  src="https://example.com/image.jpg" 
  iconBadge={{ icon: <IconYoutubeColored /> }} 
  isLazy 
/>

import { CoreAvatar } from '@featuring-corp/components';

<CoreAvatar 
  text="F" 
  colorType="green" 
  border 
/>

<CoreAvatar 
  text="F" 
  colorType="green" 
  border 
  dot={{ color: 'red' }} 
/>

import { CoreAvatar } from '@featuring-corp/components';

<CoreAvatar text="F" size="xs" />
<CoreAvatar text="F" size="sm" />
<CoreAvatar text="F" size="md" />
<CoreAvatar text="F" size="lg" />
<CoreAvatar text="F" size="xl" />

import { CoreAvatar } from '@featuring-corp/components';
import { IconInstagramColored } from '@featuring-corp/icons';

<CoreAvatar 
  shape="circle"
  size="lg"
  src="https://example.com/image.jpg"
  text="Fallback"
  colorType="blue"
  border
  dot={{ color: 'red', type: 'filled' }}
  statusBadge={{ status: 'primary', type: 'filled', text: '99+' }}
  iconBadge={{ icon: <IconInstagramColored /> }}
  isLazy
/>