'use client';

import React, { FC } from 'react';

import { IMakeDescriptionProps } from '../../interfaces/make-description';

const MakeDescription: FC<IMakeDescriptionProps> = ({
  element: { text, Icon, containerStyle, textStyle },
}) => {
  return (
    <div
      className="flex gap-4 w-full h-auto text-xs text-center p-2 border-1 rounded-md"
      style={containerStyle}
    >
      {Icon && <Icon />}
      <p style={textStyle}>{text}</p>
    </div>
  );
};

export default MakeDescription;