fui-fancyui
Version:
FancyUI Libary
46 lines (44 loc) • 1.18 kB
JavaScript
import { styled as t, keyframes as n } from "styled-components";
import a from "../../../design/designFunctions/colorTransparencyCalculator/colorTransparencyCalculator.js";
import { adjustSystemMessageColor as s } from "../../../utils/functions/adjustSystemMessageColor.js";
import { getBackgroundColor as l } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const g = t.div`
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: ${({ theme: o }) => a(o.color.primary[0], 0.95)};
z-index: -1;
`, u = t.div`
display: flex;
justify-content: space-between;
align-items: center;
button {
align-self: flex-start;
line-height: 1.4;
}
`, m = n`
0% {
width: 100%;
}
100% {
width: 0;
}
`, h = t.div`
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background-color: ${({ $messageType: o, theme: e, $layer: r = 2 }) => {
const i = l({ $themeType: o, theme: e, $layer: r });
return s(i);
}};
animation: ${() => m} ${({ $time: o }) => o - 300}ms linear forwards;
`;
export {
g as Background,
u as Headline,
h as TimerLine
};