import Heading from '../Heading/Heading.component'
import { IEmptyState } from './EmptyState.interface'
import React from 'react'
import { ReactSVG } from 'react-svg'
import { StyledEmptyState } from '@/components/atoms/EmptyState/EmptyState.theme'

const EmptyState = ({ label, className, style }: IEmptyState) => {
  return (
    <StyledEmptyState className={className} style={style}>
      <ReactSVG src={`/assets/empty-state-search.svg`} />
      {label && (
        <Heading tag="span" size="h3">
          {label}
        </Heading>
      )}
    </StyledEmptyState>
  )
}

export default EmptyState