@braineet/ui
Version:
Braineet design system
37 lines • 1.5 kB
JavaScript
import styled from 'styled-components';
import Box from '../box';
import Button from '../button';
import Icon from '../icon';
import { typeColors as fileColors } from '../textarea-editor/utilies/files';
export var HeaderFile = styled(Box).withConfig({
displayName: "scmodalMediaViewer__HeaderFile",
componentId: "sc-1qkaukp-0"
})(["display:flex;align-items:center;margin-bottom:1rem;"]);
export var ModalIcon = styled(Icon).attrs(function (p) {
return {
color: fileColors.find(function (elm) {
return elm.type === p.fileType;
}) ? fileColors.find(function (elm) {
return elm.type === p.fileType;
}).color : p.theme.colors.dark.default
};
}).withConfig({
displayName: "scmodalMediaViewer__ModalIcon",
componentId: "sc-1qkaukp-1"
})(["border-radius:50%;background:", ";"], function (p) {
return p.theme.helpers.getPalette(fileColors.find(function (elm) {
return elm.type === p.fileType;
}) ? fileColors.find(function (elm) {
return elm.type === p.fileType;
}).color : p.theme.colors.white, 10);
});
export var ModalIconContainer = styled(Box).withConfig({
displayName: "scmodalMediaViewer__ModalIconContainer",
componentId: "sc-1qkaukp-2"
})(["background:", ";border-radius:50%;margin-right:0.5rem;height:24px;width:24px;"], function (p) {
return p.theme.colors.white;
});
export var ButtonStyled = styled(Button).withConfig({
displayName: "scmodalMediaViewer__ButtonStyled",
componentId: "sc-1qkaukp-3"
})(["background:none !important;"]);