@braineet/ui
Version:
Braineet design system
31 lines • 1.55 kB
JavaScript
import styled, { css } from 'styled-components';
import Box from '../box';
import EmptyState from '../empty-state';
export var MediaContainer = styled(Box).withConfig({
displayName: "scdocumentViewer__MediaContainer",
componentId: "sc-18a8iu5-0"
})(["display:flex;align-items:center;justify-content:center;height:88vh;"]);
export var EmptyStateStyled = styled(EmptyState).withConfig({
displayName: "scdocumentViewer__EmptyStateStyled",
componentId: "sc-18a8iu5-1"
})(["background:none;box-shadow:none;.emptyState__text{color:inherit;}"]);
export var IframeStyled = styled.iframe.withConfig({
displayName: "scdocumentViewer__IframeStyled",
componentId: "sc-18a8iu5-2"
})(["width:100%;height:100%;border-radius:0.5rem;overflow:hidden;", ""], function (p) {
return p.isLoading ? css(["display:none;opacity:0;"]) : css(["opacity:1;"]);
});
export var ImgStyled = styled.img.withConfig({
displayName: "scdocumentViewer__ImgStyled",
componentId: "sc-18a8iu5-3"
})(["max-width:100%;max-height:100%;height:auto;margin:auto;display:block;border-radius:0.5rem;overflow:hidden;"]);
export var AudioStyled = styled.audio.withConfig({
displayName: "scdocumentViewer__AudioStyled",
componentId: "sc-18a8iu5-4"
})(["margin:auto;border-radius:0.5rem;overflow:hidden;"]);
export var VideoStyled = styled.video.withConfig({
displayName: "scdocumentViewer__VideoStyled",
componentId: "sc-18a8iu5-5"
})(["max-width:100%;max-height:100%;height:auto;border-radius:0.5rem;overflow:hidden;color:", ";"], function (p) {
return p.theme.colors.white;
});