import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"

import Caption from "@/components/TempDesignSystem/Text/Caption"

import styles from "./error.module.css"

export default function Error({ children }: React.PropsWithChildren) {
  return (
    <Caption className={styles.message} fontOnly>
      <MaterialIcon icon="info" color="Icon/Feedback/Error" />
      {children}
    </Caption>
  )
}
