import { graphql } from "@/gql"; import { type HorizontalRuleBlockFragment } from "@/gql/graphql"; import { Image } from "@/components/general/Image"; import styles from "./horizontalRuleBlock.module.scss"; const HorizontalRuleBlockFragmentDefinition = graphql(` fragment HorizontalRuleBlock on HorizontalRuleBlock { color } `); export const HorizontalRuleBlock = ({ block, }: { block: HorizontalRuleBlockFragment; }) => { const knownColors = [ "deepBrick", "neufPink", "goldenOrange", "goldenBeige", "chateauBlue", ]; const defaultColor = "chateauBlue"; const color = typeof block?.color === "string" && knownColors.includes(block.color) ? block.color : defaultColor; return (
); };