Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
39 lines
1.2 KiB
Plaintext
39 lines
1.2 KiB
Plaintext
'use client';
|
|
|
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
import React from 'react';
|
|
import './index.scss';
|
|
import { Link } from '../Link/index.js';
|
|
const baseClass = 'banner';
|
|
export const Banner = ({
|
|
type = 'default',
|
|
alignIcon = 'right',
|
|
children,
|
|
className,
|
|
icon,
|
|
onClick,
|
|
to
|
|
}) => {
|
|
const classes = [baseClass, `${baseClass}--type-${type}`, className && className, to && `${baseClass}--has-link`, (to || onClick) && `${baseClass}--has-action`, icon && `${baseClass}--has-icon`, icon && `${baseClass}--align-icon-${alignIcon}`].filter(Boolean).join(' ');
|
|
let RenderedType = 'div';
|
|
if (onClick && !to) {
|
|
RenderedType = 'button';
|
|
}
|
|
if (to) {
|
|
RenderedType = Link;
|
|
}
|
|
return /*#__PURE__*/_jsxs(RenderedType, {
|
|
className: classes,
|
|
href: to || null,
|
|
onClick: onClick,
|
|
children: [icon && alignIcon === 'left' && /*#__PURE__*/_jsx(React.Fragment, {
|
|
children: icon
|
|
}), /*#__PURE__*/_jsx("span", {
|
|
className: `${baseClass}__content`,
|
|
children: children
|
|
}), icon && alignIcon === 'right' && /*#__PURE__*/_jsx(React.Fragment, {
|
|
children: icon
|
|
})]
|
|
});
|
|
};
|
|
//# sourceMappingURL=index.js.map |