@medalsocial/meda
Version:
Shared Meda UI shell and runtime package.
7 lines (6 loc) • 1.59 kB
JavaScript
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AlignmentToggle, ColorInput, Field, NumberInput, SpacingEditor, TextAreaInput, TextInput, } from './_shared.js';
export function FooterPropertyEditor({ value, onChange }) {
return (_jsxs("div", { "data-slot": "email-builder-property-footer", className: "flex flex-col gap-3", children: [_jsx(Field, { label: "Company name", children: _jsx(TextInput, { value: value.companyName, onChange: (companyName) => onChange({ companyName }) }) }), _jsx(Field, { label: "Address", children: _jsx(TextInput, { value: value.address, onChange: (address) => onChange({ address }) }) }), _jsx(Field, { label: "Custom text", children: _jsx(TextAreaInput, { value: value.customText, onChange: (customText) => onChange({ customText }) }) }), _jsx(Field, { label: "Unsubscribe link text", children: _jsx(TextInput, { value: value.unsubscribeText, onChange: (unsubscribeText) => onChange({ unsubscribeText }) }) }), _jsx(Field, { label: "Text color", children: _jsx(ColorInput, { value: value.textColor, onChange: (textColor) => onChange({ textColor }) }) }), _jsx(Field, { label: "Font size (px)", children: _jsx(NumberInput, { value: value.fontSize, min: 8, max: 20, onChange: (fontSize) => onChange({ fontSize }) }) }), _jsx(Field, { label: "Alignment", children: _jsx(AlignmentToggle, { value: value.alignment, onChange: (alignment) => onChange({ alignment }) }) }), _jsx(Field, { label: "Padding", children: _jsx(SpacingEditor, { value: value.padding, onChange: (padding) => onChange({ padding }) }) })] }));
}