CoreSectionMessage

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

<CoreSectionMessage
  status="success"
  title="타이틀 영역 입니다"
/>

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

<CoreSectionMessage
  status="error"
  title="타이틀 영역 입니다"
  description="서브 타이틀 영역입니다."
/>

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

<CoreSectionMessage
  status="error"
  title="타이틀 영역 입니다"
  description="서브 타이틀 영역입니다."
  onDelete={() => {
    console.log('Delete');
  }}
/>

import { CoreSectionMessage } from '@featuring-corp/components';
import { IconSearch } from '@featuring-corp/icons';

<CoreSectionMessage
  status="success"
  title="타이틀 영역 입니다"
  actionButtonProps={{
    text: 'Action',
    prefix: <IconSearch />,
    onClick: () => {
      console.log('action');
    },
  }}
/>

import { CoreSectionMessage } from '@featuring-corp/components';
import { IconSearch } from '@featuring-corp/icons';

<CoreSectionMessage
  status="error"
  title="타이틀 영역 입니다"
  description="서브 타이틀 영역입니다."
  actionButtonProps={{
    text: 'Action',
    prefix: <IconSearch />,
    onClick: () => {
      console.log('action');
    },
  }}
  onDelete={() => {
    console.log('Delete');
  }}
/>

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

// Error
<CoreSectionMessage
  status="error"
  title="에러 메시지"
  description="에러가 발생했습니다."
/>

// Info
<CoreSectionMessage
  status="info"
  title="정보 메시지"
  description="참고할 정보입니다."
/>

// Success
<CoreSectionMessage
  status="success"
  title="성공 메시지"
  description="작업이 완료되었습니다."
/>

// Warning
<CoreSectionMessage
  status="warning"
  title="경고 메시지"
  description="주의가 필요합니다."
/>

import { CoreSectionMessage, CoreButton } from '@featuring-corp/components';

<CoreSectionMessage
  status="success"
  title="타이틀 영역 입니다"
  actionButtonProps={
    <CoreButton 
      text="커스텀 버튼" 
      onClick={() => console.log('clicked')} 
    />
  }
/>