{"version":3,"file":"index113.mjs","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":[],"mappings":"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"}