"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Button_1 = __importDefault(require("atoms/Button"));
const CardWrapper = view_container_1.styled.div `
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
`;
exports.CardWrapper = CardWrapper;
const ToggleButton = view_container_1.styled.withComponent(Button_1.default) `
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
`;
exports.ToggleButton = ToggleButton;
const DefaultWrapperView = view_container_1.styled.div `
  width: 100%;
  height: 300px;
  background-color: red;
`;
exports.DefaultWrapperView = DefaultWrapperView;
const ExpandedWrapperView = view_container_1.styled.div `
  width: 100%;
  height: 600px;
  color: white;
  background-color: black;
  overflow: hidden;
`;
exports.ExpandedWrapperView = ExpandedWrapperView;
//# sourceMappingURL=styled.js.map