'use client';

import React, { FC, useContext, useId } from 'react';

import { IMakeButtonProps } from '../../interfaces/make-button';
import { ComponentStateContext } from '../../context/component/component-state';

const MakeButton: FC<IMakeButtonProps> = ({ element }) => {
  const { Button } = useContext(ComponentStateContext);

  const elementId = useId();

  return <Button {...element} id={elementId} />;
};

export default MakeButton;