"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ModalContent = exports.IconButton = exports.FullScreenVideo = exports.FixedSizeVideo = exports.Container = exports.ButtonContainer = void 0;
var _native = _interopRequireDefault(require("styled-components/native"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Container = exports.Container = _native.default.View`
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
`;
const FullScreenVideo = exports.FullScreenVideo = _native.default.View`
  width: 100%;
  height: 100%;
`;
const FixedSizeVideo = exports.FixedSizeVideo = _native.default.View`
  width: 300px;
  height: 200px;
`;
const ModalContent = exports.ModalContent = _native.default.View`
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 10px;
`;
const ButtonContainer = exports.ButtonContainer = _native.default.View`
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
`;
const IconButton = exports.IconButton = _native.default.TouchableOpacity`
  border: none;
  cursor: pointer;
  color: gray;
  font-size: 36px;
  display: flex;
  align-items: center;
  gap: 5px;
  pointer-events: auto;
`;
//# sourceMappingURL=VideoComponents.js.map