| 37480 | ]; |
| 37481 | } |
| 37482 | function getImageWrapperStyle(isSelectedImageWrapper, className, checked) { |
| 37483 | return [ |
| 37484 | className, |
| 37485 | { |
| 37486 | paddingBottom: 2, |
| 37487 | transitionProperty: "opacity", |
| 37488 | transitionDuration: choiceFieldTransitionDuration, |
| 37489 | transitionTimingFunction: "ease", |
| 37490 | selectors: { |
| 37491 | ".ms-Image": { |
| 37492 | display: "inline-block", |
| 37493 | borderStyle: "none" |
| 37494 | } |
| 37495 | } |
| 37496 | }, |
| 37497 | (checked ? !isSelectedImageWrapper : isSelectedImageWrapper) && [ |
| 37498 | "is-hidden", |
| 37499 | { |
| 37500 | position: "absolute", |
| 37501 | left: 0, |
| 37502 | top: 0, |
| 37503 | width: "100%", |
| 37504 | height: "100%", |
| 37505 | overflow: "hidden", |
| 37506 | opacity: 0 |
| 37507 | }, |
| 37508 | ], |
| 37509 | ]; |
| 37510 | } |
| 37511 | var getStyles = function(props) { |
| 37512 | var _a, _b, _c, _d, _e; |
| 37513 | var theme = props.theme, hasIcon = props.hasIcon, hasImage = props.hasImage, checked = props.checked, disabled = props.disabled, imageIsLarge = props.imageIsLarge, focused = props.focused, imageSize = props.imageSize; |