@mojito-inc/secondary-market/esm/component/Banner.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useMemo as i}from"react";import n from"@mui/material/Grid";import r from"@mui/material/Button";import l from"@mui/material/Typography";import a from"html-react-parser";import m from"./VideoWithImageCard.js";const o=({title:o,subtitle:s,buttonName:c,mediaURL:u,titleStyle:p,subtitleStyle:d,buttonStyle:b,onClickButton:g})=>{const x=i((()=>({titleStyle:{fontSize:"40px",marginBottom:"24px"},subtitleStyle:{marginBottom:"24px"},buttonStyle:{padding:"12.5px 27px",lineHeight:"normal",fontSize:"14px"}})),[]);return t(n,{container:!0,spacing:2,columnSpacing:{md:2},sx:{alignItems:c?"flex-start":"center"},children:[t(n,{item:!0,md:6,children:[o&&e(l,{sx:Object.assign(Object.assign({},x.titleStyle),null!=p?p:{}),children:o}),s&&e(l,{sx:Object.assign(Object.assign({},x.subtitleStyle),null!=d?d:{}),children:a(s)}),c&&e(r,{variant:"contained","data-testid":"banner-btn",sx:Object.assign(Object.assign({},x.buttonStyle),null!=b?b:{}),onClick:g,children:c})]}),e(n,{item:!0,md:6,children:u&&e(m,{url:u})})]})};export{o as default};