I am trying `@spice` in replace for `@decco` and I am receiving this error but I… am not able to diagnose where the issue is coming from:
```res
@spice
type content = {
title: string,
content: string,
}
@spice
type layout = {
width: int,
paddingTop: int,
paddingBottom: int,
}
@spice
type alignment =
| @spice.as("LEFT") Left
| @spice.as("CENTER") Center
| @spice.as("RIGHT") Right
@spice
type fullAlignment =
| @spice.as("TOP_LEFT") TopLeft
| @spice.as("TOP_CENTER") TopCenter
| @spice.as("TOP_RIGHT") TopRight
| @spice.as("LEFT_CENTER") LeftCenter
| @spice.as("CENTER") Center
| @spice.as("RIGHT_CENTER") RightCenter
| @spice.as("BOTTOM_LEFT") BottomLeft
| @spice.as("BOTTOM_CENTER") BottomCenter
| @spice.as("BOTTOM_RIGHT") BottomRight
@spice
type contentOrder =
| @spice.as("TEXT_FIRST") TextFirst
| @spice.as("IMAGE_FIRST") ImageFirst
@spice
type buttonStyle =
| @spice.as("PRIMARY") Primary
| @spice.as("SECONDARY") Secondary
| @spice.as("PLAIN") Plain
@spice
type spacing =
| @spice.as("EXTRA_TIGHT") ExtraTight
| @spice.as("TIGHT") Tight
| @spice.as("LOOSE") Loose
| @spice.as("EXTRA_LOOSE") ExtraLoose
@spice
type borderWidth =
| @spice.as("THIN") Thin
| @spice.as("MEDIUM") Medium
| @spice.as("THICK") Thick
| @spice.as("EXTRA_THICK") ExtraThick
@spice
type countdown = {
seconds: int,
message: string,
alignment: alignment,
fullWidth: bool,
backgroundColor: string,
layout: layout,
}
@spice
type button = {
label: string,
url: string,
eventName: string,
style: buttonStyle,
alignment: alignment,
layout: layout,
}
@spice
type collapsibleContent = {
rows: array<content>,
title: string,
description: string,
defaultExpanded: bool,
layout: layout,
}
@spice
type text = {
content: string,
size: string,
color: string,
alignment: alignment,
asBanner: bool,
layout: layout,
}
@spice
type image = {
url: string,
alt: string,
alignment: alignment,
fullWidth: bool,
layout: layout,
}
@spice
type imageWithText = {
url: string,
alt: string,
heading: string,
content: string,
textAlignment: fullAlignment,
contentOrder: contentOrder,
layout: layout,
}
@spice
type offerActions = {
declineStyle: buttonStyle,
spacing: spacing,
layout: layout,
}
@spice
type divider = {
height: int,
topBorder: bool,
bottomBorder: bool,
borderWidth: borderWidth,
fullWidth: bool,
layout: layout,
}
@spice
type blockType =
| @spice.as("PRODUCT") Product
| @spice.as("COUNTDOWN") Countdown(countdown)
| @spice.as("BUTTON") Button(button)
| @spice.as("COLLAPSIBLE_CONTENT") CollapsibleContent(collapsibleContent)
| @spice.as("TEXT") Text(text)
| @spice.as("IMAGE") Image(image)
| @spice.as("IMAGE_WITH_TEXT") ImageWithText(imageWithText)
| @spice.as("OFFER_ACTIONS") OfferActions(offerActions)
| @spice.as("DIVIDER") Divider(divider)
@spice
type block = {
id: string,
priority: int,
blockType: blockType,
}
```