@kubit-ui-web/react-components/dist/cjs/components/cardImage/cardImage.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CardImageLinkStyled = exports.CardImageTesxtContainerStyled = exports.CardImageContentStyled = exports.CardImageImageStyled = exports.CardImageStyled = exports.CardImageSubTitleStyled = exports.CardImageTitleStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.CardImageTitleStyled = styled_components_1.default.div.withConfig({
    shouldForwardProp: () => true,
}) ``;
exports.CardImageSubTitleStyled = styled_components_1.default.div.withConfig({
    shouldForwardProp: () => true,
}) ``;
exports.CardImageStyled = styled_components_1.default.div `
  display: flex;
  flex-direction: column;
  cursor: pointer;
  ${props => (0, getStyles_1.getStyles)(props.styles.container)}

  ${exports.CardImageTitleStyled} {
    ${props => (0, getStyles_1.getStyles)(props.styles.titleContainer)}
  }

  ${exports.CardImageSubTitleStyled} {
    ${props => (0, getStyles_1.getStyles)(props.styles.descriptionContainer)}
  }
`;
exports.CardImageImageStyled = styled_components_1.default.div `
  background: ${props => `url(${props.image}) no-repeat`};
  background-size: auto;
  background-position: 50% 50%;
  height: 100%;
  flex: 1;
  ${props => (0, getStyles_1.getStyles)(props.styles.imageContainer)}
`;
exports.CardImageContentStyled = styled_components_1.default.div `
  ${props => (0, getStyles_1.getStyles)(props.styles.content)}
`;
exports.CardImageTesxtContainerStyled = styled_components_1.default.div `
  ${props => (0, getStyles_1.getStyles)(props.styles.textContainer)}
`;
exports.CardImageLinkStyled = styled_components_1.default.div `
  display: flex;
  ${props => (0, getStyles_1.getStyles)(props.styles.linkContainer)}
`;
//# sourceMappingURL=cardImage.styled.js.map