"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Button_1 = __importDefault(require("../../atoms/Button"));

const CardWrapper = styleh_components_1.styled.div`
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
`;
exports.CardWrapper = CardWrapper;
const ToggleButton = styleh_components_1.styled.withComponent(Button_1.default)`
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
`;
exports.ToggleButton = ToggleButton;
const DefaultWrapperView = styleh_components_1.styled.div`
  width: 100%;
  height: 300px;
  background-color: red;
`;
exports.DefaultWrapperView = DefaultWrapperView;
const ExpandedWrapperView = styleh_components_1.styled.div`
  width: 100%;
  height: 600px;
  color: white;
  background-color: black;
  overflow: hidden;
`;
exports.ExpandedWrapperView = ExpandedWrapperView; //# sourceMappingURL=styled.js.map