@npm_leadtech/legal-contracts-ui 0.129.6 → 0.129.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,144 +1,129 @@
|
|
|
1
|
-
import { jsx as e, jsxs as r, Fragment as
|
|
2
|
-
import { clsx as
|
|
3
|
-
import { howItWorksLawGeniusCtaLinkClassName as
|
|
4
|
-
import { HeroImageShell as
|
|
5
|
-
import { RatafiaSection as
|
|
6
|
-
import { LawGeniusStepCard as
|
|
7
|
-
import { ResourcesImageShell as
|
|
8
|
-
import { StepImageShell as
|
|
9
|
-
import {
|
|
1
|
+
import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
|
|
2
|
+
import { clsx as h } from "clsx";
|
|
3
|
+
import { howItWorksLawGeniusCtaLinkClassName as N, howItWorksHeroCtaLinkClassName as b, howItWorksLawGeniusBelowStepsMarkdownClassName as k, howItWorksResourcesSupportBodyClassName as y, howItWorksResourcesCtaLinkClassName as C } from "./HowItWorksTemplateTokens.js";
|
|
4
|
+
import { HeroImageShell as v } from "./HeroImageShell.js";
|
|
5
|
+
import { RatafiaSection as S } from "./RatafiaSection.js";
|
|
6
|
+
import { LawGeniusStepCard as M } from "./LawGeniusStepCard.js";
|
|
7
|
+
import { ResourcesImageShell as I } from "./ResourcesImageShell.js";
|
|
8
|
+
import { StepImageShell as W } from "./StepImageShell.js";
|
|
9
|
+
import { LinkWrapper as L } from "./LinkWrapper.js";
|
|
10
10
|
import { IntroSection as B } from "./IntroSection.js";
|
|
11
11
|
import { Markdown as m } from "./Markdown.js";
|
|
12
|
-
import { TwoColumnSection as
|
|
13
|
-
|
|
12
|
+
import { TwoColumnSection as o } from "./TwoColumnSection.js";
|
|
13
|
+
import { Button as A } from "./Button.js";
|
|
14
|
+
const U = (t) => {
|
|
14
15
|
const i = /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 text-neutral-800 md:shrink md:grow-0 md:basis-1/2", children: [
|
|
15
|
-
/* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children:
|
|
16
|
-
/* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content:
|
|
17
|
-
] }),
|
|
18
|
-
return { firstColumn: i, secondColumn:
|
|
19
|
-
},
|
|
20
|
-
const
|
|
21
|
-
o,
|
|
22
|
-
{
|
|
23
|
-
size: "small",
|
|
24
|
-
variant: "primary-green",
|
|
25
|
-
className: "text-medium inline-flex w-fit justify-center !rounded-md font-bold",
|
|
26
|
-
children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
|
|
27
|
-
}
|
|
28
|
-
);
|
|
16
|
+
/* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: t.title }),
|
|
17
|
+
/* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content: t.bodyMarkdown }) })
|
|
18
|
+
] }), l = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(W, { src: t.imageUrl, alt: t.imageAlt }) });
|
|
19
|
+
return { firstColumn: i, secondColumn: l };
|
|
20
|
+
}, J = ({ hero: t, processSteps: i, lawGenius: l, resources: n }) => {
|
|
21
|
+
const c = t.introMarkdown.trim().length > 0, d = t.closingMarkdown.trim().length > 0, p = n.supportBodyMarkdown.trim().length > 0, x = l.belowStepsMarkdown.trim().length > 0, { examples: s } = n, f = /* @__PURE__ */ e(L, { size: "default", variant: "primary-green", className: "shrink-0 font-bold", children: /* @__PURE__ */ e("a", { href: l.cta.href, className: N, children: l.cta.label }) });
|
|
29
22
|
return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col overflow-x-clip", children: [
|
|
30
23
|
/* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
|
|
31
24
|
/* @__PURE__ */ r("div", { className: "text-center", children: [
|
|
32
25
|
/* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-full flex-col items-center gap-2", children: [
|
|
33
|
-
/* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children:
|
|
26
|
+
/* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: t.eyebrow }),
|
|
34
27
|
/* @__PURE__ */ e("span", { className: "max-w-ds-10xl min-w-ds-7xl h-px w-full shrink-0 bg-neutral-400", "aria-hidden": !0 })
|
|
35
28
|
] }),
|
|
36
|
-
/* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children:
|
|
29
|
+
/* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children: t.title })
|
|
37
30
|
] }),
|
|
38
31
|
/* @__PURE__ */ e(
|
|
39
32
|
B,
|
|
40
33
|
{
|
|
41
34
|
className: "bg-transparent",
|
|
42
35
|
containerClassName: "w-full !max-w-none !flex-col gap-10 !px-0 !py-0 md:!flex-row md:!gap-8 md:items-stretch lg:!gap-16",
|
|
43
|
-
image: /* @__PURE__ */ e(
|
|
36
|
+
image: /* @__PURE__ */ e(v, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
|
|
44
37
|
cta: {
|
|
45
38
|
size: "default",
|
|
46
39
|
variant: "primary-green",
|
|
47
40
|
className: "text-medium mt-8 w-full justify-center font-bold md:w-fit md:justify-start",
|
|
48
|
-
children: /* @__PURE__ */ e("a", { href:
|
|
41
|
+
children: /* @__PURE__ */ e("a", { href: t.cta.href, className: b, children: t.cta.label })
|
|
49
42
|
},
|
|
50
43
|
children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
|
|
51
|
-
|
|
52
|
-
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children:
|
|
44
|
+
c && /* @__PURE__ */ e(m, { variant: "legal", content: t.introMarkdown }),
|
|
45
|
+
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((a) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
|
|
53
46
|
/* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
|
|
54
47
|
/* @__PURE__ */ r("span", { children: [
|
|
55
48
|
/* @__PURE__ */ r("strong", { children: [
|
|
56
|
-
|
|
49
|
+
a.strong,
|
|
57
50
|
" "
|
|
58
51
|
] }),
|
|
59
|
-
|
|
52
|
+
a.text
|
|
60
53
|
] })
|
|
61
|
-
] },
|
|
62
|
-
|
|
54
|
+
] }, a.id)) }),
|
|
55
|
+
d && /* @__PURE__ */ e(m, { variant: "legal", content: t.closingMarkdown })
|
|
63
56
|
] })
|
|
64
57
|
}
|
|
65
58
|
)
|
|
66
59
|
] }) }),
|
|
67
|
-
i.map((
|
|
68
|
-
const { firstColumn:
|
|
60
|
+
i.map((a) => {
|
|
61
|
+
const { firstColumn: u, secondColumn: g } = U(a);
|
|
69
62
|
return /* @__PURE__ */ e(
|
|
70
|
-
|
|
63
|
+
o,
|
|
71
64
|
{
|
|
72
|
-
className: `${
|
|
73
|
-
containerClassName:
|
|
65
|
+
className: `${a.background} lg:px-ds-10xl px-6 py-12`,
|
|
66
|
+
containerClassName: h(
|
|
74
67
|
"!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:items-center lg:!gap-20",
|
|
75
|
-
|
|
76
|
-
|
|
68
|
+
a.imageFirstOnMobile ? "!flex-col md:!flex-row" : "!flex-col-reverse md:!flex-row",
|
|
69
|
+
a.reverse && "md:!flex-row-reverse"
|
|
77
70
|
),
|
|
78
|
-
firstColumn:
|
|
79
|
-
secondColumn:
|
|
71
|
+
firstColumn: u,
|
|
72
|
+
secondColumn: g
|
|
80
73
|
},
|
|
81
|
-
|
|
74
|
+
a.id
|
|
82
75
|
);
|
|
83
76
|
}),
|
|
84
77
|
/* @__PURE__ */ e(
|
|
85
|
-
|
|
78
|
+
S,
|
|
86
79
|
{
|
|
87
|
-
title:
|
|
88
|
-
content:
|
|
89
|
-
stepsSlot: /* @__PURE__ */ e(
|
|
90
|
-
|
|
80
|
+
title: l.title,
|
|
81
|
+
content: l.contentMarkdown,
|
|
82
|
+
stepsSlot: /* @__PURE__ */ e(w, { children: l.steps.map((a) => /* @__PURE__ */ e(
|
|
83
|
+
M,
|
|
91
84
|
{
|
|
92
|
-
title:
|
|
93
|
-
descriptionMarkdown:
|
|
94
|
-
iconUrl:
|
|
95
|
-
iconAlt:
|
|
85
|
+
title: a.title,
|
|
86
|
+
descriptionMarkdown: a.descriptionMarkdown,
|
|
87
|
+
iconUrl: a.iconUrl,
|
|
88
|
+
iconAlt: a.iconAlt ?? ""
|
|
96
89
|
},
|
|
97
|
-
|
|
90
|
+
a.id
|
|
98
91
|
)) }),
|
|
99
|
-
belowStepsSlot:
|
|
92
|
+
belowStepsSlot: x ? /* @__PURE__ */ e(
|
|
100
93
|
m,
|
|
101
94
|
{
|
|
102
95
|
variant: "ratafia",
|
|
103
|
-
content:
|
|
104
|
-
className:
|
|
96
|
+
content: l.belowStepsMarkdown,
|
|
97
|
+
className: k
|
|
105
98
|
}
|
|
106
99
|
) : null,
|
|
107
|
-
cta:
|
|
100
|
+
cta: f,
|
|
108
101
|
skipCtaWrapper: !0,
|
|
109
|
-
image:
|
|
110
|
-
sectionClassName:
|
|
102
|
+
image: l.image,
|
|
103
|
+
sectionClassName: l.sectionClassName ?? "bg-primary-50 px-6 py-12 lg:px-ds-10xl"
|
|
111
104
|
}
|
|
112
105
|
),
|
|
113
106
|
/* @__PURE__ */ e(
|
|
114
|
-
|
|
107
|
+
o,
|
|
115
108
|
{
|
|
116
109
|
className: "lg:px-ds-10xl bg-white px-6 pt-12 pb-14",
|
|
117
110
|
containerClassName: "!mx-auto !w-full !max-w-6xl !flex-col !items-start !gap-8 !px-0 !py-0 md:!flex-row md:!items-center lg:!gap-20",
|
|
118
|
-
firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(
|
|
111
|
+
firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(I, { src: n.imageUrl, alt: n.imageAlt }) }),
|
|
119
112
|
secondColumn: /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 md:shrink md:grow-0 md:basis-1/2", children: [
|
|
120
113
|
s.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: s.eyebrow }),
|
|
121
114
|
s.title && /* @__PURE__ */ e("h3", { className: "text-super-large font-bold text-neutral-800", children: s.title }),
|
|
122
|
-
|
|
123
|
-
s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((
|
|
124
|
-
/* @__PURE__ */ e("dt", { className: "font-semibold", children:
|
|
125
|
-
/* @__PURE__ */ e("dd", { children:
|
|
126
|
-
] }, `${
|
|
115
|
+
p && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${y}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
|
|
116
|
+
s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((a) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
|
|
117
|
+
/* @__PURE__ */ e("dt", { className: "font-semibold", children: a.label }),
|
|
118
|
+
/* @__PURE__ */ e("dd", { children: a.value })
|
|
119
|
+
] }, `${a.label}-${a.value}`)) }),
|
|
127
120
|
s.footer && /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: s.footer }),
|
|
128
|
-
/* @__PURE__ */ e(
|
|
129
|
-
o,
|
|
130
|
-
{
|
|
131
|
-
size: "small",
|
|
132
|
-
variant: "primary-green",
|
|
133
|
-
className: "text-medium inline-flex w-auto justify-center font-bold",
|
|
134
|
-
children: /* @__PURE__ */ e("a", { href: n.cta.href, className: v, children: n.cta.label })
|
|
135
|
-
}
|
|
136
|
-
)
|
|
121
|
+
/* @__PURE__ */ e(A, { size: "default", variant: "primary-green", className: "self-start font-bold", children: /* @__PURE__ */ e("a", { href: n.cta.href, className: C, children: n.cta.label }) })
|
|
137
122
|
] })
|
|
138
123
|
}
|
|
139
124
|
)
|
|
140
125
|
] });
|
|
141
126
|
};
|
|
142
127
|
export {
|
|
143
|
-
|
|
128
|
+
J as HowItWorksTemplate
|
|
144
129
|
};
|
|
@@ -2,7 +2,7 @@ export declare const howItWorksHeroCtaLinkClassName = "font-semibold text-white"
|
|
|
2
2
|
|
|
3
3
|
export declare const howItWorksLawGeniusBelowStepsMarkdownClassName = "text-medium";
|
|
4
4
|
|
|
5
|
-
export declare const howItWorksLawGeniusCtaLinkClassName = "font-
|
|
5
|
+
export declare const howItWorksLawGeniusCtaLinkClassName = "font-bold text-white whitespace-nowrap";
|
|
6
6
|
|
|
7
7
|
export declare const howItWorksResourcesCtaLinkClassName = "font-semibold";
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const t = "font-semibold text-white",
|
|
1
|
+
const t = "font-semibold text-white", o = "font-bold text-white whitespace-nowrap", s = "font-semibold", e = "text-medium", a = "[&_h2]:text-super-large [&_h2]:mx-0 [&_h2]:mb-8 [&_h2]:bg-transparent [&_h2]:px-0 [&_h2]:font-bold [&_h2]:text-neutral-800";
|
|
2
2
|
export {
|
|
3
3
|
t as howItWorksHeroCtaLinkClassName,
|
|
4
4
|
e as howItWorksLawGeniusBelowStepsMarkdownClassName,
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
o as howItWorksLawGeniusCtaLinkClassName,
|
|
6
|
+
s as howItWorksResourcesCtaLinkClassName,
|
|
7
7
|
a as howItWorksResourcesSupportBodyClassName
|
|
8
8
|
};
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as l, jsxs as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { clsx as
|
|
3
|
+
import { clsx as m } from "clsx";
|
|
4
4
|
import { Markdown as s } from "./Markdown.js";
|
|
5
5
|
import { LinkWrapper as f } from "./LinkWrapper.js";
|
|
6
|
-
const
|
|
6
|
+
const C = ({
|
|
7
7
|
title: d,
|
|
8
8
|
content: r,
|
|
9
9
|
benefits: t = [],
|
|
10
10
|
stepsSlot: n,
|
|
11
11
|
belowStepsSlot: h,
|
|
12
|
-
cta:
|
|
12
|
+
cta: i,
|
|
13
13
|
image: c,
|
|
14
14
|
skipCtaWrapper: g = !1,
|
|
15
|
-
sectionClassName:
|
|
16
|
-
innerClassName:
|
|
15
|
+
sectionClassName: o,
|
|
16
|
+
innerClassName: x
|
|
17
17
|
}) => {
|
|
18
18
|
const u = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", w = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
|
|
19
19
|
if (n != null) {
|
|
20
|
-
const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = g ? /* @__PURE__ */
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = g ? /* @__PURE__ */ l("div", { className: "self-start", children: i }) : /* @__PURE__ */ l(f, { className: "self-start", children: i });
|
|
21
|
+
return /* @__PURE__ */ l(
|
|
22
22
|
"section",
|
|
23
23
|
{
|
|
24
|
-
className:
|
|
24
|
+
className: m(
|
|
25
25
|
"max-w-full overflow-x-hidden",
|
|
26
|
-
|
|
26
|
+
o ?? "bg-neutral-25 md:px-ds-10xl px-6 pt-16 pb-12"
|
|
27
27
|
),
|
|
28
|
-
children: /* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
a && /* @__PURE__ */
|
|
28
|
+
children: /* @__PURE__ */ l("div", { className: m("bg-ratafia mx-auto w-full max-w-6xl rounded-2xl px-6 py-12 text-white lg:px-10 lg:py-16", x), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 md:gap-10", children: [
|
|
29
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
|
|
30
|
+
/* @__PURE__ */ l("h2", { className: "md:text-super-large text-3xl font-bold md:leading-tight", children: d }),
|
|
31
|
+
a && /* @__PURE__ */ l("div", { className: "hidden md:block", children: /* @__PURE__ */ l(s, { content: r, className: p }) })
|
|
32
32
|
] }),
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
a && /* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ e("div", { className: "grid w-full grid-cols-1 gap-8 min-[48.0625rem]:grid-cols-2 min-[48.0625rem]:items-stretch min-[48.0625rem]:gap-10", children: [
|
|
34
|
+
/* @__PURE__ */ l("div", { className: "relative z-10 order-1 mx-auto aspect-[449/550] w-full max-w-68 shrink-0 overflow-hidden rounded-lg min-[48.0625rem]:order-2 min-[48.0625rem]:mx-0 min-[48.0625rem]:h-full min-[48.0625rem]:max-w-none min-[48.0625rem]:self-stretch [&_img]:size-full [&_img]:object-contain", children: c }),
|
|
35
|
+
/* @__PURE__ */ e("div", { className: "order-2 flex min-h-0 flex-col gap-6 min-[48.0625rem]:order-1", children: [
|
|
36
|
+
a && /* @__PURE__ */ l("div", { className: "text-left md:hidden", children: /* @__PURE__ */ l(s, { content: r, className: p }) }),
|
|
37
37
|
n,
|
|
38
38
|
h,
|
|
39
39
|
N
|
|
@@ -43,13 +43,13 @@ const I = ({
|
|
|
43
43
|
}
|
|
44
44
|
);
|
|
45
45
|
}
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */
|
|
46
|
+
return /* @__PURE__ */ l("section", { className: m("max-w-full overflow-x-hidden", o ?? u), children: /* @__PURE__ */ e("div", { className: m(w, x), children: [
|
|
47
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
|
|
48
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
|
|
49
|
+
/* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: d }),
|
|
50
|
+
/* @__PURE__ */ l(s, { content: r, className: "[&_p:last-child]:mb-0" })
|
|
51
51
|
] }),
|
|
52
|
-
t.length > 0 && /* @__PURE__ */
|
|
52
|
+
t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.map((a) => /* @__PURE__ */ e(
|
|
53
53
|
"span",
|
|
54
54
|
{
|
|
55
55
|
className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
|
|
@@ -60,11 +60,11 @@ const I = ({
|
|
|
60
60
|
},
|
|
61
61
|
a.id
|
|
62
62
|
)) }),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: i })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: c })
|
|
66
66
|
] }) });
|
|
67
67
|
};
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
C as RatafiaSection
|
|
70
70
|
};
|