{"version":3,"file":"index113.cjs","sources":["../src/components/card/CardBasicVertical/CardVerticalLayout.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\nimport styles from \"../base/styles/CardBasicVertical.module.css\";\nimport { LabelPairedChevronRightSmRegularIcon } from \"@deriv/quill-icons\";\nimport { BaseCardRenderProps } from \"../base\";\nimport BasicButton from \"../../buttons/basic\";\n\nconst CardVerticalLayout: FunctionComponent<BaseCardRenderProps> = ({\n  cardId,\n  className,\n  size,\n  state,\n  type,\n  focus,\n  handleFocus,\n  handleBlur,\n  isClickable,\n  title,\n  subtitle,\n  description,\n  image,\n  iconLeft,\n  iconRight,\n  linkLabel,\n  linkIcon,\n  linkOnClick,\n  primaryVerticalButton,\n  secondaryVerticalButton,\n  primaryHorizontalButton,\n  secondaryHorizontalButton,\n}) => {\n  return (\n    <div\n      className={[\n        styles.root,\n        className,\n        isClickable ? \"quill-ui-next-component\" : \"\",\n      ].join(\" \")}\n      data-size={size}\n      data-state={state}\n      data-type={type}\n      data-id={cardId}\n      role={isClickable ? \"button\" : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n    >\n      {image && (\n        <img className={styles.placeholderImage169} alt=\"\" src={image} />\n      )}\n      <div className={styles.containerBody}>\n        {(iconLeft || iconRight) && (\n          <div className={styles.containerIcon}>\n            {iconLeft && (\n              <div className={`${styles.iconLeft} card-icon`}>{iconLeft}</div>\n            )}\n            {iconRight && (\n              <div className={`${styles.iconRight} card-icon`}>{iconRight}</div>\n            )}\n          </div>\n        )}\n        <div className={styles.containerContent}>\n          {(title || subtitle) && (\n            <div className={styles.titlesubtitle}>\n              {title && <b className={styles.title}>{title}</b>}\n              {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n              <div className={styles.description}>{description}</div>\n            </div>\n          )}\n        </div>\n        {linkLabel && (\n          <div\n            className={`${styles.actionLink} ${\n              linkOnClick ? \"quill-ui-next-pointer\" : \"\"\n            }`}\n            onClick={linkOnClick}\n          >\n            {linkIcon && (\n              <div className={`${styles.customIcon} card-icon`}>{linkIcon}</div>\n            )}\n            <div className={styles.label}>{linkLabel}</div>\n            <div className={`${styles.iconChevron} card-icon`}>\n              <LabelPairedChevronRightSmRegularIcon />\n            </div>\n          </div>\n        )}\n        {(primaryHorizontalButton || secondaryHorizontalButton) && (\n          <div className={styles.actionHorizontalButton}>\n            {secondaryHorizontalButton && (\n              <BasicButton\n                {...secondaryHorizontalButton}\n                style=\"secondary\"\n                width=\"fill container\"\n                size={size}\n                color=\"blackWhite\"\n              />\n            )}\n            {primaryHorizontalButton && (\n              <BasicButton\n                {...primaryHorizontalButton}\n                style=\"primary\"\n                width=\"fill container\"\n                size={size}\n                color=\"blackWhite\"\n              />\n            )}\n          </div>\n        )}\n        {(primaryVerticalButton || secondaryVerticalButton) && (\n          <div className={styles.actionVerticalButton}>\n            {secondaryVerticalButton && (\n              <BasicButton\n                {...secondaryVerticalButton}\n                style=\"secondary\"\n                width=\"fill container\"\n                size={size}\n                color=\"blackWhite\"\n              />\n            )}\n            {primaryVerticalButton && (\n              <BasicButton\n                {...primaryVerticalButton}\n                style=\"primary\"\n                width=\"fill container\"\n                size={size}\n                color=\"blackWhite\"\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {focus && <div className={styles.bgFocus4} />}\n    </div>\n  );\n};\n\nexport default CardVerticalLayout;\n"],"names":["jsxs","styles","jsx","LabelPairedChevronRightSmRegularIcon","BasicButton"],"mappings":"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"}