@codecademy/brand 4.0.0 → 5.0.0-alpha.19accb830.0

package/dist/InfoCard/index.js

@@ -1,157 +1,97 @@
-import { Anchor, Box, Card, FlexBox, Markdown, Text } from '@codecademy/gamut';
-import { pxRem } from '@codecademy/gamut-styles';
-import * as React from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Anchor, Box, Card, FlexBox, Markdown, Text } from "@codecademy/gamut";
+import { pxRem } from "@codecademy/gamut-styles";
+import * as React$1 from "react";
+
+//#region src/InfoCard/index.tsx
 const cardMinWidth = 250;
 const tagColorMap = {
-  blue: 'paleBlue',
-  green: 'paleGreen',
-  pink: 'palePink'
+	blue: "paleBlue",
+	green: "paleGreen",
+	pink: "palePink"
 };
-const TopText = ({
-  text
-}) => /*#__PURE__*/_jsx(Text, {
-  display: "flex",
-  fontSize: 14,
-  mb: 12,
-  fontFamily: "accent",
-  children: text
+const TopText = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
+	display: "flex",
+	fontSize: 14,
+	mb: 12,
+	fontFamily: "accent"
+}, text);
+const Title = ({ text, headingLevel }) => /* @__PURE__ */ React$1.createElement(Text, {
+	as: headingLevel,
+	mb: 4,
+	fontSize: 20
+}, /* @__PURE__ */ React$1.createElement(Text, {
+	truncate: "ellipsis",
+	truncateLines: 2
+}, text));
+const Subtitle = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
+	variant: "p-small",
+	textColor: "gray-900"
+}, /* @__PURE__ */ React$1.createElement(Text, {
+	truncate: "ellipsis",
+	truncateLines: 2
+}, text));
+const Body = ({ text }) => /* @__PURE__ */ React$1.createElement(Markdown, {
+	text,
+	overrides: {
+		p: { component: (props) => /* @__PURE__ */ React$1.createElement(Text, {
+			...props,
+			textColor: "gray-900",
+			variant: "p-small",
+			truncate: "ellipsis",
+			truncateLines: 3
+		}) },
+		a: { component: Anchor }
+	}
 });
-const Title = ({
-  text,
-  headingLevel
-}) => /*#__PURE__*/_jsx(Text, {
-  as: headingLevel,
-  mb: 4,
-  fontSize: 20,
-  children: /*#__PURE__*/_jsx(Text, {
-    truncate: "ellipsis",
-    truncateLines: 2,
-    children: text
-  })
-});
-const Subtitle = ({
-  text
-}) => /*#__PURE__*/_jsx(Text, {
-  variant: "p-small",
-  textColor: "gray-900",
-  children: /*#__PURE__*/_jsx(Text, {
-    truncate: "ellipsis",
-    truncateLines: 2,
-    children: text
-  })
-});
-const Body = ({
-  text
-}) => /*#__PURE__*/_jsx(Markdown, {
-  text: text,
-  overrides: {
-    p: {
-      component: props => /*#__PURE__*/_jsx(Text, {
-        ...props,
-        textColor: "gray-900",
-        variant: "p-small",
-        truncate: "ellipsis",
-        truncateLines: 3
-      })
-    },
-    a: {
-      component: Anchor
-    }
-  }
-});
-const Footer = ({
-  bottomLeftText,
-  bottomRightTagText,
-  bottomRightTagColor
-}) => /*#__PURE__*/_jsxs(FlexBox, {
-  alignItems: "flex-end",
-  justifyContent: "space-between",
-  children: [/*#__PURE__*/_jsx(Box, {
-    children: bottomLeftText && /*#__PURE__*/_jsx(BottomLeftText, {
-      text: bottomLeftText
-    })
-  }), /*#__PURE__*/_jsx(Box, {
-    children: bottomRightTagText && /*#__PURE__*/_jsx(BottomRightTag, {
-      text: bottomRightTagText,
-      color: bottomRightTagColor
-    })
-  })]
-});
-const BottomLeftText = ({
-  text
-}) => /*#__PURE__*/_jsx(Text, {
-  maxWidth: "calc(100%-16px)",
-  px: 16,
-  variant: "p-small",
-  textColor: "gray-900",
-  children: text
-});
-const BottomRightTag = ({
-  text,
-  color
-}) => /*#__PURE__*/_jsx(Box, {
-  bg: tagColorMap[color],
-  children: /*#__PURE__*/_jsx(Text, {
-    py: 4,
-    p: 12,
-    variant: "title-xs",
-    fontSize: 14,
-    whiteSpace: "nowrap",
-    children: text
-  })
-});
-export const InfoCard = ({
-  href,
-  onClick,
-  topText,
-  title,
-  subtitle,
-  body,
-  bottomLeftText,
-  bottomRightTagText,
-  bottomRightTagColor = 'pink',
-  cardHeight = 286,
-  cardPadding = 16,
-  titleHeadingLevel = 'h3',
-  rightContent
-}) => {
-  const displayFooter = bottomLeftText || bottomRightTagText;
-  return /*#__PURE__*/_jsx(Anchor, {
-    variant: "interface",
-    href: href,
-    onClick: () => onClick?.(),
-    children: /*#__PURE__*/_jsxs(Card, {
-      display: "flex",
-      flexDirection: "column",
-      height: pxRem(cardHeight),
-      justifyContent: "space-between",
-      minWidth: pxRem(cardMinWidth),
-      variant: "white",
-      isInteractive: true,
-      p: 0,
-      position: "relative",
-      children: [/*#__PURE__*/_jsxs(Box, {
-        pb: displayFooter ? 0 : cardPadding,
-        p: cardPadding,
-        children: [/*#__PURE__*/_jsx(TopText, {
-          text: topText
-        }), /*#__PURE__*/_jsxs(FlexBox, {
-          justifyContent: "space-between",
-          children: [/*#__PURE__*/_jsx(Title, {
-            text: title,
-            headingLevel: titleHeadingLevel
-          }), rightContent && rightContent]
-        }), subtitle && /*#__PURE__*/_jsx(Subtitle, {
-          text: subtitle
-        }), body && /*#__PURE__*/_jsx(Body, {
-          text: body
-        })]
-      }), displayFooter && /*#__PURE__*/_jsx(Footer, {
-        bottomLeftText: bottomLeftText,
-        bottomRightTagText: bottomRightTagText,
-        bottomRightTagColor: bottomRightTagColor
-      })]
-    })
-  });
-};
+const Footer = ({ bottomLeftText, bottomRightTagText, bottomRightTagColor }) => /* @__PURE__ */ React$1.createElement(FlexBox, {
+	alignItems: "flex-end",
+	justifyContent: "space-between"
+}, /* @__PURE__ */ React$1.createElement(Box, null, bottomLeftText && /* @__PURE__ */ React$1.createElement(BottomLeftText, { text: bottomLeftText })), /* @__PURE__ */ React$1.createElement(Box, null, bottomRightTagText && /* @__PURE__ */ React$1.createElement(BottomRightTag, {
+	text: bottomRightTagText,
+	color: bottomRightTagColor
+})));
+const BottomLeftText = ({ text }) => /* @__PURE__ */ React$1.createElement(Text, {
+	maxWidth: "calc(100%-16px)",
+	px: 16,
+	variant: "p-small",
+	textColor: "gray-900"
+}, text);
+const BottomRightTag = ({ text, color }) => /* @__PURE__ */ React$1.createElement(Box, { bg: tagColorMap[color] }, /* @__PURE__ */ React$1.createElement(Text, {
+	py: 4,
+	p: 12,
+	variant: "title-xs",
+	fontSize: 14,
+	whiteSpace: "nowrap"
+}, text));
+const InfoCard = ({ href, onClick, topText, title, subtitle, body, bottomLeftText, bottomRightTagText, bottomRightTagColor = "pink", cardHeight = 286, cardPadding = 16, titleHeadingLevel = "h3", rightContent }) => {
+	const displayFooter = bottomLeftText || bottomRightTagText;
+	return /* @__PURE__ */ React$1.createElement(Anchor, {
+		variant: "interface",
+		href,
+		onClick: () => onClick?.()
+	}, /* @__PURE__ */ React$1.createElement(Card, {
+		display: "flex",
+		flexDirection: "column",
+		height: pxRem(cardHeight),
+		justifyContent: "space-between",
+		minWidth: pxRem(cardMinWidth),
+		variant: "white",
+		isInteractive: true,
+		p: 0,
+		position: "relative"
+	}, /* @__PURE__ */ React$1.createElement(Box, {
+		pb: displayFooter ? 0 : cardPadding,
+		p: cardPadding
+	}, /* @__PURE__ */ React$1.createElement(TopText, { text: topText }), /* @__PURE__ */ React$1.createElement(FlexBox, { justifyContent: "space-between" }, /* @__PURE__ */ React$1.createElement(Title, {
+		text: title,
+		headingLevel: titleHeadingLevel
+	}), rightContent && rightContent), subtitle && /* @__PURE__ */ React$1.createElement(Subtitle, { text: subtitle }), body && /* @__PURE__ */ React$1.createElement(Body, { text: body })), displayFooter && /* @__PURE__ */ React$1.createElement(Footer, {
+		bottomLeftText,
+		bottomRightTagText,
+		bottomRightTagColor
+	})));
+};
+
+//#endregion
+export { InfoCard };
+//# sourceMappingURL=index.js.map

package/dist/InfoCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Anchor","Box","Card","FlexBox","Markdown","Text","pxRem","React","cardMinWidth","tagColorMap","blue","green","pink","TopText","text","display","fontSize","mb","fontFamily","Title","headingLevel","as","truncate","truncateLines","Subtitle","variant","textColor","Body","overrides","p","component","props","a","Footer","bottomLeftText","bottomRightTagText","bottomRightTagColor","alignItems","justifyContent","BottomLeftText","BottomRightTag","color","maxWidth","px","bg","py","whiteSpace","InfoCard","href","onClick","topText","title","subtitle","body","cardHeight","cardPadding","titleHeadingLevel","rightContent","displayFooter","flexDirection","height","minWidth","isInteractive","position","pb"],"sources":["../../src/InfoCard/index.tsx"],"sourcesContent":["import {\n  Anchor,\n  Box,\n  BoxProps,\n  Card,\n  FlexBox,\n  HeadingTags,\n  Markdown,\n  Text,\n} from '@codecademy/gamut';\nimport { pxRem } from '@codecademy/gamut-styles';\nimport { Theme } from '@emotion/react';\nimport * as React from 'react';\n\nconst cardMinWidth = 250;\n\nexport type TagColor = 'blue' | 'green' | 'pink';\nconst tagColorMap: Record<TagColor, keyof Theme['colors']> = {\n  blue: 'paleBlue',\n  green: 'paleGreen',\n  pink: 'palePink',\n};\n\ninterface TextProps {\n  text: string;\n}\n\ninterface TitleProps {\n  text: string;\n  headingLevel: HeadingTags;\n}\n\ninterface FooterProps {\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor: TagColor;\n}\n\ninterface BottomRightTagProps {\n  text: string;\n  color: TagColor;\n}\n\nconst TopText: React.FC<TextProps> = ({ text }) => (\n  <Text display=\"flex\" fontSize={14} mb={12} fontFamily=\"accent\">\n    {text}\n  </Text>\n);\n\nconst Title: React.FC<TitleProps> = ({ text, headingLevel }) => (\n  <Text as={headingLevel} mb={4} fontSize={20}>\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Subtitle: React.FC<TextProps> = ({ text }) => (\n  <Text variant=\"p-small\" textColor=\"gray-900\">\n    <Text truncate=\"ellipsis\" truncateLines={2}>\n      {text}\n    </Text>\n  </Text>\n);\n\nconst Body: React.FC<TextProps> = ({ text }) => (\n  <Markdown\n    text={text}\n    overrides={{\n      p: {\n        component: (props) => (\n          <Text\n            {...props}\n            textColor=\"gray-900\"\n            variant=\"p-small\"\n            truncate=\"ellipsis\"\n            truncateLines={3}\n          />\n        ),\n      },\n      a: {\n        component: Anchor,\n      },\n    }}\n  />\n);\n\nconst Footer: React.FC<FooterProps> = ({\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor,\n}) => (\n  <FlexBox alignItems=\"flex-end\" justifyContent=\"space-between\">\n    <Box>{bottomLeftText && <BottomLeftText text={bottomLeftText} />}</Box>\n    <Box>\n      {bottomRightTagText && (\n        <BottomRightTag text={bottomRightTagText} color={bottomRightTagColor} />\n      )}\n    </Box>\n  </FlexBox>\n);\n\nconst BottomLeftText: React.FC<TextProps> = ({ text }) => (\n  <Text\n    maxWidth=\"calc(100%-16px)\"\n    px={16}\n    variant=\"p-small\"\n    textColor=\"gray-900\"\n  >\n    {text}\n  </Text>\n);\n\nconst BottomRightTag: React.FC<BottomRightTagProps> = ({ text, color }) => (\n  <Box bg={tagColorMap[color]}>\n    <Text py={4} p={12} variant=\"title-xs\" fontSize={14} whiteSpace=\"nowrap\">\n      {text}\n    </Text>\n  </Box>\n);\n\nexport interface InfoCardProps {\n  href: string;\n  onClick?: () => void;\n  topText: string;\n  title: string;\n  subtitle?: string;\n  body?: string;\n  bottomLeftText?: string;\n  bottomRightTagText?: string;\n  bottomRightTagColor?: TagColor;\n  cardHeight?: string | number;\n  cardPadding?: BoxProps['p'];\n  titleHeadingLevel?: HeadingTags;\n  rightContent?: React.ReactNode;\n}\n\nexport const InfoCard: React.FC<InfoCardProps> = ({\n  href,\n  onClick,\n  topText,\n  title,\n  subtitle,\n  body,\n  bottomLeftText,\n  bottomRightTagText,\n  bottomRightTagColor = 'pink',\n  cardHeight = 286,\n  cardPadding = 16,\n  titleHeadingLevel = 'h3',\n  rightContent,\n}) => {\n  const displayFooter = bottomLeftText || bottomRightTagText;\n\n  return (\n    <Anchor variant=\"interface\" href={href} onClick={() => onClick?.()}>\n      <Card\n        display=\"flex\"\n        flexDirection=\"column\"\n        height={pxRem(cardHeight)}\n        justifyContent=\"space-between\"\n        minWidth={pxRem(cardMinWidth)}\n        variant=\"white\"\n        isInteractive\n        p={0}\n        position=\"relative\"\n      >\n        <Box pb={displayFooter ? 0 : cardPadding} p={cardPadding}>\n          <TopText text={topText} />\n          <FlexBox justifyContent=\"space-between\">\n            <Title text={title} headingLevel={titleHeadingLevel} />\n            {rightContent && rightContent}\n          </FlexBox>\n          {subtitle && <Subtitle text={subtitle} />}\n          {body && <Body text={body} />}\n        </Box>\n        {displayFooter && (\n          <Footer\n            bottomLeftText={bottomLeftText}\n            bottomRightTagText={bottomRightTagText}\n            bottomRightTagColor={bottomRightTagColor}\n          />\n        )}\n      </Card>\n    </Anchor>\n  );\n};\n"],"mappings":";;;;;AAcA,MAAMQ,eAAe;AAGrB,MAAMC,cAAuD;CAC3DC,MAAM;CACNC,OAAO;CACPC,MAAM;CACR;AAsBA,MAAMC,WAAgC,EAAEC,WACtC,wBAAA,cAACT,MAAAA;CAAKU,SAAQ;CAAOC,UAAU;CAAIC,IAAI;CAAIC,YAAW;GACnDJ,KAAAA;AAIL,MAAMK,SAA+B,EAAEL,MAAMM,mBAC3C,wBAAA,cAACf,MAAAA;CAAKgB,IAAID;CAAcH,IAAI;CAAGD,UAAU;GACvC,wBAAA,cAACX,MAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMU,YAAiC,EAAEV,WACvC,wBAAA,cAACT,MAAAA;CAAKoB,SAAQ;CAAUC,WAAU;GAChC,wBAAA,cAACrB,MAAAA;CAAKiB,UAAS;CAAWC,eAAe;GACtCT,KAAAA,CAAAA;AAKP,MAAMa,QAA6B,EAAEb,WACnC,wBAAA,cAACV,UAAAA;CACOU;CACNc,WAAW;EACTC,GAAG,EACDC,YAAYC,UACV,wBAAA,cAAC1B,MAAAA;GACE,GAAG0B;GACJL,WAAU;GACVD,SAAQ;GACRH,UAAS;GACTC,eAAe;MAGrB;EACAS,GAAG,EACDF,WAAW9B,QACb;EACF;;AAIJ,MAAMiC,UAAiC,EACrCC,gBACAC,oBACAC,0BAEA,wBAAA,cAACjC,SAAAA;CAAQkC,YAAW;CAAWC,gBAAe;GAC5C,wBAAA,cAACrC,KAAAA,MAAKiC,kBAAkB,wBAAA,cAACK,gBAAAA,EAAezB,MAAMoB,oBAC9C,wBAAA,cAACjC,KAAAA,MACEkC,sBACC,wBAAA,cAACK,gBAAAA;CAAe1B,MAAMqB;CAAoBM,OAAOL;;AAMzD,MAAMG,kBAAuC,EAAEzB,WAC7C,wBAAA,cAACT,MAAAA;CACCqC,UAAS;CACTC,IAAI;CACJlB,SAAQ;CACRC,WAAU;GAETZ,KAAAA;AAIL,MAAM0B,kBAAiD,EAAE1B,MAAM2B,YAC7D,wBAAA,cAACxC,KAAAA,EAAI2C,IAAInC,YAAYgC,UACnB,wBAAA,cAACpC,MAAAA;CAAKwC,IAAI;CAAGhB,GAAG;CAAIJ,SAAQ;CAAWT,UAAU;CAAI8B,YAAW;GAC7DhC,KAAAA,CAAAA;AAqBP,MAAaiC,YAAqC,EAChDC,MACAC,SACAC,SACAC,OACAC,UACAC,MACAnB,gBACAC,oBACAC,sBAAsB,QACtBkB,aAAa,KACbC,cAAc,IACdC,oBAAoB,MACpBC,mBACD;CACC,MAAMC,gBAAgBxB,kBAAkBC;AAExC,QACE,wBAAA,cAACnC,QAAAA;EAAOyB,SAAQ;EAAkBuB;EAAMC,eAAeA,WAAAA;IACrD,wBAAA,cAAC/C,MAAAA;EACCa,SAAQ;EACR4C,eAAc;EACdC,QAAQtD,MAAMgD,WAAAA;EACdhB,gBAAe;EACfuB,UAAUvD,MAAME,aAAAA;EAChBiB,SAAQ;EACRqC,eAAAA;EACAjC,GAAG;EACHkC,UAAS;IAET,wBAAA,cAAC9D,KAAAA;EAAI+D,IAAIN,gBAAgB,IAAIH;EAAa1B,GAAG0B;IAC3C,wBAAA,cAAC1C,SAAAA,EAAQC,MAAMoC,YACf,wBAAA,cAAC/C,SAAAA,EAAQmC,gBAAe,mBACtB,wBAAA,cAACnB,OAAAA;EAAML,MAAMqC;EAAO/B,cAAcoC;KACjCC,gBAAgBA,aAAAA,EAElBL,YAAY,wBAAA,cAAC5B,UAAAA,EAASV,MAAMsC,aAC5BC,QAAQ,wBAAA,cAAC1B,MAAAA,EAAKb,MAAMuC,UAEtBK,iBACC,wBAAA,cAACzB,QAAAA;EACiBC;EACIC;EACCC"}

package/dist/InstructorCard/index.cjs

@@ -0,0 +1,137 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+let _codecademy_gamut = require("@codecademy/gamut");
+let _codecademy_gamut_styles = require("@codecademy/gamut-styles");
+let _emotion_styled = require("@emotion/styled");
+_emotion_styled = require_runtime.__toESM(_emotion_styled);
+let react = require("react");
+let _codecademy_gamut_icons = require("@codecademy/gamut-icons");
+let _codecademy_gamut_patterns = require("@codecademy/gamut-patterns");
+
+//#region src/InstructorCard/index.tsx
+const CardAnchor = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut.Anchor, {
+	target: "e1u3kr3y0",
+	label: "brand-CardAnchor"
+})((0, _codecademy_gamut_styles.css)({
+	display: "flex",
+	flexDirection: "column",
+	height: "100%",
+	"&:hover, &:focus, &:focus-visible": {
+		color: "text",
+		textDecoration: "none"
+	}
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBwPXswfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPENhcmRBbmNob3IgaHJlZj17aHJlZn0gb25DbGljaz17b25DbGlja30gdmFyaWFudD1cImludGVyZmFjZVwiIHJlZj17cmVmfT5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgaGVpZ2h0PXsxNjB9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGJnPVwibmF2eS04MDBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpbnN0cnVjdG9ySW1hZ2VVcmwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW5zdHJ1Y3RvckltYWdlVXJsfSBhbHQ9e2luc3RydWN0b3JOYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICBwdD17MTJ9XG4gICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25TZWxmPVwic3RyZXRjaFwiXG4gICAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MjB9XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtPXswfVxuICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fSBtdD1cImF1dG9cIiBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JOYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yVGl0bGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnblNlbGY9XCJzdHJldGNoXCIgbXQ9ezR9PlxuICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZSAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2FsZW5kYXJJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgICAgIE5leHQgY29ob3J0OiBTdGFydHN7JyAnfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDZXJ0aWZpY2F0ZUljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICBXaXRoeycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgQ2VydGlmaWNhdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQiJ9 */");
+const StyledImg = /* @__PURE__ */ (0, _emotion_styled.default)("img", {
+	target: "e1u3kr3y1",
+	label: "brand-StyledImg"
+})("width:100%;height:100%;object-fit:cover;display:block;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBwPXswfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPENhcmRBbmNob3IgaHJlZj17aHJlZn0gb25DbGljaz17b25DbGlja30gdmFyaWFudD1cImludGVyZmFjZVwiIHJlZj17cmVmfT5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgaGVpZ2h0PXsxNjB9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGJnPVwibmF2eS04MDBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpbnN0cnVjdG9ySW1hZ2VVcmwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW5zdHJ1Y3RvckltYWdlVXJsfSBhbHQ9e2luc3RydWN0b3JOYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICBwdD17MTJ9XG4gICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25TZWxmPVwic3RyZXRjaFwiXG4gICAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MjB9XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtPXswfVxuICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fSBtdD1cImF1dG9cIiBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JOYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yVGl0bGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnblNlbGY9XCJzdHJldGNoXCIgbXQ9ezR9PlxuICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZSAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2FsZW5kYXJJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgICAgIE5leHQgY29ob3J0OiBTdGFydHN7JyAnfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDZXJ0aWZpY2F0ZUljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICBXaXRoeycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgQ2VydGlmaWNhdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ca0IifQ== */");
+const DottedLine = /* @__PURE__ */ (0, _emotion_styled.default)(_codecademy_gamut_patterns.CheckerDense, {
+	target: "e1u3kr3y2",
+	label: "brand-DottedLine"
+})((0, _codecademy_gamut_styles.css)({
+	height: "1px",
+	display: "flex",
+	position: "absolute",
+	marginTop: "-1px"
+}), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbW9uby9tb25vL2xpYnMvdWkvYnJhbmQvc3JjL0luc3RydWN0b3JDYXJkL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmNob3IsIEJveCwgQ2FyZCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IENhbGVuZGFySWNvbiwgQ2VydGlmaWNhdGVJY29uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtaWNvbnMnO1xuaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvcndhcmRSZWYsIFByb3BzV2l0aFJlZiB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQ2FyZEFuY2hvciA9IHN0eWxlZChBbmNob3IpKFxuICBjc3Moe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAnJjpob3ZlciwgJjpmb2N1cywgJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBkaXNwbGF5OiBibG9jaztcbmA7XG5cbmNvbnN0IERvdHRlZExpbmUgPSBzdHlsZWQoQ2hlY2tlckRlbnNlKShcbiAgY3NzKHtcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBtYXJnaW5Ub3A6ICctMXB4JyxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgcmV0dXJuIChcbiAgICAvLyB0aGUgaGVpZ2h0IGFuZCBwb3NpdGlvbiBwcm9wZXJ0aWVzIGFyZSBuZWNlc3NhcnkgZm9yIGlPUyBkZXZpY2VzXG4gICAgPEJveCBweT17NH0gaGVpZ2h0PXswfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgYXJpYS1oaWRkZW4+XG4gICAgICA8RG90dGVkTGluZSAvPlxuICAgIDwvQm94PlxuICApO1xufTtcblxudHlwZSBJbmZvUm93UHJvcHMgPSB7XG4gIGljb246IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IEluZm9Sb3c6IFJlYWN0LkZDPEluZm9Sb3dQcm9wcz4gPSAoeyBpY29uLCBjaGlsZHJlbiB9KSA9PiAoXG4gIDxGbGV4Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBnYXA9ezh9PlxuICAgIHtpY29ufVxuICAgIDxUZXh0IGZvbnRTaXplPXsxNH0gbGluZUhlaWdodD1cImJhc2VcIiBjb2xvcj1cInRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHQ+XG4gIDwvRmxleEJveD5cbik7XG5cbmV4cG9ydCB0eXBlIEluc3RydWN0b3JDYXJkUHJvcHMgPSB7XG4gIC8qKiBUaGUgYm9vdGNhbXAgdGl0bGUgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBmdWxsIG5hbWUgKi9cbiAgaW5zdHJ1Y3Rvck5hbWU6IHN0cmluZztcbiAgLyoqIEluc3RydWN0b3IncyBwcm9mZXNzaW9uYWwgdGl0bGUgKi9cbiAgaW5zdHJ1Y3RvclRpdGxlOiBzdHJpbmc7XG4gIC8qKiBVUkwgZm9yIHRoZSBpbnN0cnVjdG9yJ3MgcHJvZmlsZSBwaWMgKGluY2x1ZGVzIGJhY2tncm91bmQgZ3JhZGllbnQpICovXG4gIGluc3RydWN0b3JJbWFnZVVybD86IHN0cmluZztcbiAgLyoqIEZvcm1hdHRlZCBzdGFydCBkYXRlIGZvciB0aGUgbmV4dCBjb2hvcnQgKGUuZy4gXCJGZWIgMTBcIikgKi9cbiAgbmV4dENvaG9ydFN0YXJ0RGF0ZT86IHN0cmluZztcbiAgLyoqIExpbmsgZGVzdGluYXRpb24gKi9cbiAgaHJlZjogc3RyaW5nO1xuICAvKiogQ2xpY2sgaGFuZGxlciAqL1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEluc3RydWN0b3JDYXJkID0gZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByb3BzV2l0aFJlZjxJbnN0cnVjdG9yQ2FyZFByb3BzPlxuPihcbiAgKFxuICAgIHtcbiAgICAgIHRpdGxlLFxuICAgICAgaW5zdHJ1Y3Rvck5hbWUsXG4gICAgICBpbnN0cnVjdG9yVGl0bGUsXG4gICAgICBpbnN0cnVjdG9ySW1hZ2VVcmwsXG4gICAgICBuZXh0Q29ob3J0U3RhcnREYXRlLFxuICAgICAgaHJlZixcbiAgICAgIG9uQ2xpY2ssXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxDYXJkXG4gICAgICAgIGJvcmRlclJhZGl1cz1cIm1kXCJcbiAgICAgICAgYm9yZGVyQ29sb3I9XCJib3JkZXItcHJpbWFyeVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgaXNJbnRlcmFjdGl2ZVxuICAgICAgICBwPXswfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgID5cbiAgICAgICAgPENhcmRBbmNob3IgaHJlZj17aHJlZn0gb25DbGljaz17b25DbGlja30gdmFyaWFudD1cImludGVyZmFjZVwiIHJlZj17cmVmfT5cbiAgICAgICAgICA8Qm94XG4gICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgaGVpZ2h0PXsxNjB9XG4gICAgICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGJnPVwibmF2eS04MDBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpbnN0cnVjdG9ySW1hZ2VVcmwgJiYgKFxuICAgICAgICAgICAgICA8U3R5bGVkSW1nIHNyYz17aW5zdHJ1Y3RvckltYWdlVXJsfSBhbHQ9e2luc3RydWN0b3JOYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0JveD5cblxuICAgICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICBwdD17MTJ9XG4gICAgICAgICAgICBwYj17NH1cbiAgICAgICAgICAgIHB4PXsxMn1cbiAgICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RmxleEJveFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgYWxpZ25TZWxmPVwic3RyZXRjaFwiXG4gICAgICAgICAgICAgIGZsZXg9ezF9XG4gICAgICAgICAgICAgIGdhcD17NH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgICBmb250U2l6ZT17MjB9XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodD1cImJvbGRcIlxuICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBtPXswfVxuICAgICAgICAgICAgICAgIHRydW5jYXRlPVwiZWxsaXBzaXNcIlxuICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezN9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgICA8RmxleEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPXs0fSBtdD1cImF1dG9cIiBtaW5XaWR0aD17MH0+XG4gICAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICAgIGZvbnRTaXplPXsxNH1cbiAgICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ9XCJib2xkXCJcbiAgICAgICAgICAgICAgICAgIGxpbmVIZWlnaHQ9XCJiYXNlXCJcbiAgICAgICAgICAgICAgICAgIGNvbG9yPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2luc3RydWN0b3JOYW1lfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgZm9udFNpemU9ezE0fVxuICAgICAgICAgICAgICAgICAgbGluZUhlaWdodD1cImJhc2VcIlxuICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXh0LXNlY29uZGFyeVwiXG4gICAgICAgICAgICAgICAgICB0cnVuY2F0ZT1cImVsbGlwc2lzXCJcbiAgICAgICAgICAgICAgICAgIHRydW5jYXRlTGluZXM9ezF9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtpbnN0cnVjdG9yVGl0bGV9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICA8L0ZsZXhCb3g+XG5cbiAgICAgICAgICAgIDxGbGV4Qm94IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnblNlbGY9XCJzdHJldGNoXCIgbXQ9ezR9PlxuICAgICAgICAgICAgICB7bmV4dENvaG9ydFN0YXJ0RGF0ZSAmJiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgICAgICA8SW5mb1JvdyBpY29uPXs8Q2FsZW5kYXJJY29uIHNpemU9ezE2fSBhcmlhLWhpZGRlbiAvPn0+XG4gICAgICAgICAgICAgICAgICAgIE5leHQgY29ob3J0OiBTdGFydHN7JyAnfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIHtuZXh0Q29ob3J0U3RhcnREYXRlfVxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0luZm9Sb3c+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxEaXZpZGVyIC8+XG4gICAgICAgICAgICAgIDxJbmZvUm93IGljb249ezxDZXJ0aWZpY2F0ZUljb24gc2l6ZT17MTZ9IGFyaWEtaGlkZGVuIC8+fT5cbiAgICAgICAgICAgICAgICBXaXRoeycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBmb250V2VpZ2h0PVwiYm9sZFwiPlxuICAgICAgICAgICAgICAgICAgQ2VydGlmaWNhdGVcbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvSW5mb1Jvdz5cbiAgICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDwvQ2FyZEFuY2hvcj5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCbUIifQ== */");
+const Divider = () => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		py: 4,
+		height: 0,
+		position: "relative",
+		"aria-hidden": true
+	}, /* @__PURE__ */ React.createElement(DottedLine, null));
+};
+const InfoRow = ({ icon, children }) => /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+	alignItems: "center",
+	gap: 8
+}, icon, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+	fontSize: 14,
+	lineHeight: "base",
+	color: "text"
+}, children));
+const InstructorCard = /* @__PURE__ */ (0, react.forwardRef)(({ title, instructorName, instructorTitle, instructorImageUrl, nextCohortStartDate, href, onClick }, ref) => {
+	return /* @__PURE__ */ React.createElement(_codecademy_gamut.Card, {
+		borderRadius: "md",
+		borderColor: "border-primary",
+		overflow: "hidden",
+		display: "flex",
+		flexDirection: "column",
+		isInteractive: true,
+		p: 0,
+		height: "100%",
+		width: "100%"
+	}, /* @__PURE__ */ React.createElement(CardAnchor, {
+		href,
+		onClick,
+		variant: "interface",
+		ref
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Box, {
+		width: "100%",
+		height: 160,
+		position: "relative",
+		overflow: "hidden",
+		bg: "navy-800"
+	}, instructorImageUrl && /* @__PURE__ */ React.createElement(StyledImg, {
+		src: instructorImageUrl,
+		alt: instructorName
+	})), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		flex: 1,
+		pt: 12,
+		pb: 4,
+		px: 12,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		alignSelf: "stretch",
+		flex: 1,
+		gap: 4
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		as: "h3",
+		fontSize: 20,
+		fontWeight: "bold",
+		lineHeight: "title",
+		color: "text",
+		m: 0,
+		truncate: "ellipsis",
+		truncateLines: 3
+	}, title), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		gap: 4,
+		mt: "auto",
+		minWidth: 0
+	}, /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		fontSize: 14,
+		fontWeight: "bold",
+		lineHeight: "base",
+		color: "text"
+	}, instructorName), /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		fontSize: 14,
+		lineHeight: "base",
+		color: "text-secondary",
+		truncate: "ellipsis",
+		truncateLines: 1,
+		width: "100%"
+	}, instructorTitle))), /* @__PURE__ */ React.createElement(_codecademy_gamut.FlexBox, {
+		flexDirection: "column",
+		alignSelf: "stretch",
+		mt: 4
+	}, nextCohortStartDate && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(InfoRow, { icon: /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.CalendarIcon, {
+		size: 16,
+		"aria-hidden": true
+	}) }, "Next cohort: Starts", " ", /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		as: "span",
+		fontWeight: "bold"
+	}, nextCohortStartDate))), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(InfoRow, { icon: /* @__PURE__ */ React.createElement(_codecademy_gamut_icons.CertificateIcon, {
+		size: 16,
+		"aria-hidden": true
+	}) }, "With", " ", /* @__PURE__ */ React.createElement(_codecademy_gamut.Text, {
+		as: "span",
+		fontWeight: "bold"
+	}, "Certificate"))))));
+});
+
+//#endregion
+exports.Divider = Divider;
+exports.InstructorCard = InstructorCard;
+//# sourceMappingURL=index.cjs.map

package/dist/InstructorCard/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Anchor","Box","Card","FlexBox","Text","CalendarIcon","CertificateIcon","CheckerDense","css","styled","forwardRef","CardAnchor","display","flexDirection","height","color","textDecoration","StyledImg","DottedLine","position","marginTop","Divider","py","aria-hidden","InfoRow","icon","children","alignItems","gap","fontSize","lineHeight","InstructorCard","title","instructorName","instructorTitle","instructorImageUrl","nextCohortStartDate","href","onClick","ref","borderRadius","borderColor","overflow","isInteractive","p","width","variant","bg","src","alt","flex","pt","pb","px","alignSelf","as","fontWeight","m","truncate","truncateLines","mt","minWidth","size"],"sources":["../../src/InstructorCard/index.tsx"],"sourcesContent":["import { Anchor, Box, Card, FlexBox, Text } from '@codecademy/gamut';\nimport { CalendarIcon, CertificateIcon } from '@codecademy/gamut-icons';\nimport { CheckerDense } from '@codecademy/gamut-patterns';\nimport { css } from '@codecademy/gamut-styles';\nimport styled from '@emotion/styled';\nimport { forwardRef, PropsWithRef } from 'react';\n\nconst CardAnchor = styled(Anchor)(\n  css({\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    '&:hover, &:focus, &:focus-visible': {\n      color: 'text',\n      textDecoration: 'none',\n    },\n  })\n);\n\nconst StyledImg = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n`;\n\nconst DottedLine = styled(CheckerDense)(\n  css({\n    height: '1px',\n    display: 'flex',\n    position: 'absolute',\n    marginTop: '-1px',\n  })\n);\n\nexport const Divider: React.FC = () => {\n  return (\n    // the height and position properties are necessary for iOS devices\n    <Box py={4} height={0} position=\"relative\" aria-hidden>\n      <DottedLine />\n    </Box>\n  );\n};\n\ntype InfoRowProps = {\n  icon: React.ReactNode;\n  children: React.ReactNode;\n};\n\nconst InfoRow: React.FC<InfoRowProps> = ({ icon, children }) => (\n  <FlexBox alignItems=\"center\" gap={8}>\n    {icon}\n    <Text fontSize={14} lineHeight=\"base\" color=\"text\">\n      {children}\n    </Text>\n  </FlexBox>\n);\n\nexport type InstructorCardProps = {\n  /** The bootcamp title */\n  title: string;\n  /** Instructor's full name */\n  instructorName: string;\n  /** Instructor's professional title */\n  instructorTitle: string;\n  /** URL for the instructor's profile pic (includes background gradient) */\n  instructorImageUrl?: string;\n  /** Formatted start date for the next cohort (e.g. \"Feb 10\") */\n  nextCohortStartDate?: string;\n  /** Link destination */\n  href: string;\n  /** Click handler */\n  onClick: () => void;\n};\n\nexport const InstructorCard = forwardRef<\n  HTMLAnchorElement,\n  PropsWithRef<InstructorCardProps>\n>(\n  (\n    {\n      title,\n      instructorName,\n      instructorTitle,\n      instructorImageUrl,\n      nextCohortStartDate,\n      href,\n      onClick,\n    },\n    ref\n  ) => {\n    return (\n      <Card\n        borderRadius=\"md\"\n        borderColor=\"border-primary\"\n        overflow=\"hidden\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        isInteractive\n        p={0}\n        height=\"100%\"\n        width=\"100%\"\n      >\n        <CardAnchor href={href} onClick={onClick} variant=\"interface\" ref={ref}>\n          <Box\n            width=\"100%\"\n            height={160}\n            position=\"relative\"\n            overflow=\"hidden\"\n            bg=\"navy-800\"\n          >\n            {instructorImageUrl && (\n              <StyledImg src={instructorImageUrl} alt={instructorName} />\n            )}\n          </Box>\n\n          <FlexBox\n            flexDirection=\"column\"\n            flex={1}\n            pt={12}\n            pb={4}\n            px={12}\n            overflow=\"hidden\"\n          >\n            <FlexBox\n              flexDirection=\"column\"\n              alignSelf=\"stretch\"\n              flex={1}\n              gap={4}\n            >\n              <Text\n                as=\"h3\"\n                fontSize={20}\n                fontWeight=\"bold\"\n                lineHeight=\"title\"\n                color=\"text\"\n                m={0}\n                truncate=\"ellipsis\"\n                truncateLines={3}\n              >\n                {title}\n              </Text>\n\n              <FlexBox flexDirection=\"column\" gap={4} mt=\"auto\" minWidth={0}>\n                <Text\n                  fontSize={14}\n                  fontWeight=\"bold\"\n                  lineHeight=\"base\"\n                  color=\"text\"\n                >\n                  {instructorName}\n                </Text>\n                <Text\n                  fontSize={14}\n                  lineHeight=\"base\"\n                  color=\"text-secondary\"\n                  truncate=\"ellipsis\"\n                  truncateLines={1}\n                  width=\"100%\"\n                >\n                  {instructorTitle}\n                </Text>\n              </FlexBox>\n            </FlexBox>\n\n            <FlexBox flexDirection=\"column\" alignSelf=\"stretch\" mt={4}>\n              {nextCohortStartDate && (\n                <>\n                  <Divider />\n                  <InfoRow icon={<CalendarIcon size={16} aria-hidden />}>\n                    Next cohort: Starts{' '}\n                    <Text as=\"span\" fontWeight=\"bold\">\n                      {nextCohortStartDate}\n                    </Text>\n                  </InfoRow>\n                </>\n              )}\n              <Divider />\n              <InfoRow icon={<CertificateIcon size={16} aria-hidden />}>\n                With{' '}\n                <Text as=\"span\" fontWeight=\"bold\">\n                  Certificate\n                </Text>\n              </InfoRow>\n            </FlexBox>\n          </FlexBox>\n        </CardAnchor>\n      </Card>\n    );\n  }\n);\n"],"mappings":";;;;;;;;;;AAOA,MAAMW,aAAaF,6CAAOT,0BAAAA;;;qCACpB;CACFY,SAAS;CACTC,eAAe;CACfC,QAAQ;CACR,qCAAqC;EACnCC,OAAO;EACPC,gBAAgB;EAClB;CACF,CAAA,EAAA,0nOAAA;AAGF,MAAMC,YAAYR,6CAAAA,OAAAA;;;;AAOlB,MAAMS,aAAaT,6CAAOF,yCAAAA;;;qCACpB;CACFO,QAAQ;CACRF,SAAS;CACTO,UAAU;CACVC,WAAW;CACb,CAAA,EAAA,8nOAAA;AAGF,MAAaC,gBAAoB;AAC/B,QAEE,sBAAA,cAACpB,uBAAAA;EAAIqB,IAAI;EAAGR,QAAQ;EAAGK,UAAS;EAAWI,eAAAA;IACzC,sBAAA,cAACL,YAAAA,KAAAA,CAAAA;;AAUP,MAAMM,WAAmC,EAAEC,MAAMC,eAC/C,sBAAA,cAACvB,2BAAAA;CAAQwB,YAAW;CAASC,KAAK;GAC/BH,MACD,sBAAA,cAACrB,wBAAAA;CAAKyB,UAAU;CAAIC,YAAW;CAAOf,OAAM;GACzCW,SAAAA,CAAAA;AAsBP,MAAaK,iBAAiBrB,uCAK1B,EACEsB,OACAC,gBACAC,iBACAC,oBACAC,qBACAC,MACAC,WAEFC,QAAAA;AAEA,QACE,sBAAA,cAACrC,wBAAAA;EACCsC,cAAa;EACbC,aAAY;EACZC,UAAS;EACT9B,SAAQ;EACRC,eAAc;EACd8B,eAAAA;EACAC,GAAG;EACH9B,QAAO;EACP+B,OAAM;IAEN,sBAAA,cAAClC,YAAAA;EAAiB0B;EAAeC;EAASQ,SAAQ;EAAiBP;IACjE,sBAAA,cAACtC,uBAAAA;EACC4C,OAAM;EACN/B,QAAQ;EACRK,UAAS;EACTuB,UAAS;EACTK,IAAG;IAEFZ,sBACC,sBAAA,cAAClB,WAAAA;EAAU+B,KAAKb;EAAoBc,KAAKhB;MAI7C,sBAAA,cAAC9B,2BAAAA;EACCU,eAAc;EACdqC,MAAM;EACNC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJX,UAAS;IAET,sBAAA,cAACvC,2BAAAA;EACCU,eAAc;EACdyC,WAAU;EACVJ,MAAM;EACNtB,KAAK;IAEL,sBAAA,cAACxB,wBAAAA;EACCmD,IAAG;EACH1B,UAAU;EACV2B,YAAW;EACX1B,YAAW;EACXf,OAAM;EACN0C,GAAG;EACHC,UAAS;EACTC,eAAe;IAEd3B,MAAAA,EAGH,sBAAA,cAAC7B,2BAAAA;EAAQU,eAAc;EAASe,KAAK;EAAGgC,IAAG;EAAOC,UAAU;IAC1D,sBAAA,cAACzD,wBAAAA;EACCyB,UAAU;EACV2B,YAAW;EACX1B,YAAW;EACXf,OAAM;IAELkB,eAAAA,EAEH,sBAAA,cAAC7B,wBAAAA;EACCyB,UAAU;EACVC,YAAW;EACXf,OAAM;EACN2C,UAAS;EACTC,eAAe;EACfd,OAAM;IAELX,gBAAAA,CAAAA,CAAAA,EAKP,sBAAA,cAAC/B,2BAAAA;EAAQU,eAAc;EAASyC,WAAU;EAAUM,IAAI;IACrDxB,uBACC,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACf,SAAAA,KAAAA,EACD,sBAAA,cAACG,SAAAA,EAAQC,MAAM,sBAAA,cAACpB,sCAAAA;EAAayD,MAAM;EAAIvC,eAAAA;OAAgB,uBACjC,KACpB,sBAAA,cAACnB,wBAAAA;EAAKmD,IAAG;EAAOC,YAAW;IACxBpB,oBAAAA,CAAAA,CAAAA,EAKT,sBAAA,cAACf,SAAAA,KAAAA,EACD,sBAAA,cAACG,SAAAA,EAAQC,MAAM,sBAAA,cAACnB,yCAAAA;EAAgBwD,MAAM;EAAIvC,eAAAA;OAAgB,QACnD,KACL,sBAAA,cAACnB,wBAAAA;EAAKmD,IAAG;EAAOC,YAAW;IAAO,cAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAShD"}

package/dist/InstructorCard/index.d.cts

@@ -0,0 +1,17 @@
+import * as react from "react";
+
+//#region src/InstructorCard/index.d.ts
+declare const Divider: React.FC;
+type InstructorCardProps = {
+  /** The bootcamp title */title: string; /** Instructor's full name */
+  instructorName: string; /** Instructor's professional title */
+  instructorTitle: string; /** URL for the instructor's profile pic (includes background gradient) */
+  instructorImageUrl?: string; /** Formatted start date for the next cohort (e.g. "Feb 10") */
+  nextCohortStartDate?: string; /** Link destination */
+  href: string; /** Click handler */
+  onClick: () => void;
+};
+declare const InstructorCard: react.ForwardRefExoticComponent<InstructorCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { Divider, InstructorCard, InstructorCardProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/InstructorCard/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/InstructorCard/index.tsx"],"mappings":";;;cAmCa,OAAA,EAAS,KAAA,CAAM,EAAA;AAAA,KAuBhB,mBAAA;2BAEV,KAAA,UAlBD;EAoBC,cAAA,UA3BoB;EA6BpB,eAAA,UANU;EAQV,kBAAA;EAEA,mBAAA,WARA;EAUA,IAAA,UANA;EAQA,OAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/InstructorCard/index.d.ts

@@ -1,18 +1,17 @@
-export declare const Divider: React.FC;
-export type InstructorCardProps = {
-    /** The bootcamp title */
-    title: string;
-    /** Instructor's full name */
-    instructorName: string;
-    /** Instructor's professional title */
-    instructorTitle: string;
-    /** URL for the instructor's profile pic (includes background gradient) */
-    instructorImageUrl?: string;
-    /** Formatted start date for the next cohort (e.g. "Feb 10") */
-    nextCohortStartDate?: string;
-    /** Link destination */
-    href: string;
-    /** Click handler */
-    onClick: () => void;
+import * as react from "react";
+
+//#region src/InstructorCard/index.d.ts
+declare const Divider: React.FC;
+type InstructorCardProps = {
+  /** The bootcamp title */title: string; /** Instructor's full name */
+  instructorName: string; /** Instructor's professional title */
+  instructorTitle: string; /** URL for the instructor's profile pic (includes background gradient) */
+  instructorImageUrl?: string; /** Formatted start date for the next cohort (e.g. "Feb 10") */
+  nextCohortStartDate?: string; /** Link destination */
+  href: string; /** Click handler */
+  onClick: () => void;
 };
-export declare const InstructorCard: import("react").ForwardRefExoticComponent<InstructorCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const InstructorCard: react.ForwardRefExoticComponent<InstructorCardProps & react.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { Divider, InstructorCard, InstructorCardProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/InstructorCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/InstructorCard/index.tsx"],"mappings":";;;cAmCa,OAAA,EAAS,KAAA,CAAM,EAAA;AAAA,KAuBhB,mBAAA;2BAEV,KAAA,UAlBD;EAoBC,cAAA,UA3BoB;EA6BpB,eAAA,UANU;EAQV,kBAAA;EAEA,mBAAA,WARA;EAUA,IAAA,UANA;EAQA,OAAA;AAAA;AAAA,cAGW,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}