website-session-kit
Version:
A modular and extensible session management toolkit for modern websites.
9 lines (8 loc) • 1.81 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import LpContentContainer from '../../containers/LpContentContainer';
import ItemsList from '../../ui/ItemsList';
import Line from '../../ui/Line';
const ProfileSection = ({ title, name, description, items, imageUrl, textColor = 'text-black', iconColor = 'text-[#e16a3d]', lineColor = '#e16a3d', grafismColor = '#e16a3d', bgColor = 'bg-white', className = '', containerHeight, containerClassName, }) => {
return (_jsx(LpContentContainer, { title: title, grafismColor: grafismColor, containerBgColor: bgColor, containerHeight: containerHeight, containerClassName: containerClassName, children: _jsxs("div", { className: `w-full flex flex-col-reverse lg:flex-row items-center gap-6 ${className}`, children: [_jsxs("div", { className: "w-full lg:w-1/2 text-center lg:text-left space-y-4", children: [_jsx("h2", { className: `text-2xl lg:text-3xl font-semibold uppercase ${textColor}`, children: name }), description && _jsx("p", { className: textColor, children: description }), _jsx("div", { className: "flex justify-center lg:justify-start items-center", children: _jsx(Line, { margins: "m-0", width: "w-[10%] lg:w-[5%]", height: "h-[1px]", color: lineColor }) }), _jsx("h2", { className: `text-lg lg:text-xl font-semibold uppercase ${textColor}`, children: "Forma\u00E7\u00E3o:" }), _jsx(ItemsList, { items: items.map((item) => ({ text: item })), iconSize: "text-lg", iconColor: iconColor, textSize: "text-lg", spaceY: "space-y-1", responsive: false })] }), _jsx("div", { className: "w-full lg:w-1/2 flex justify-center items-center", children: _jsx("img", { src: imageUrl, alt: `Foto de ${name}`, className: "w-[90%] h-[90%] rounded-full shadow-2xl border-[3px] border-gray-300 object-cover" }) })] }) }));
};
export default ProfileSection;