monday-ui-react-core/src/storybook/stand-alone-documentaion/motion/token-Information-box/token-information-box.jsx

Official monday.com UI resources for application development in React.js

import React from "react";
import { InformationBox } from "vibe-storybook-components";

export const TokenInformationBox = ({ className, videoSrc, title, description, tokenInfo, tokenDescription }) => {
  const TokenInformationBoxImg = videoSrc ? <video src={videoSrc} controls loop /> : null;

  return (
    <div className={className}>
      <InformationBox component={TokenInformationBoxImg} title={title} description={description} />
      {tokenInfo && <p>{tokenInfo}</p>}
      {tokenDescription && <p>Token: {tokenDescription}</p>}
    </div>
  );
};