fui-fancyui
Version:
FancyUI Libary
37 lines (34 loc) • 842 B
JavaScript
import { styled as e, css as t } from "styled-components";
const s = e.div`
display: flex;
flex-direction: column;
align-items: center;
`, l = e.div`
display: flex;
flex-direction: column;
align-items: center;
margin-top: ${({ theme: i }) => i.spacing.sm};
`, a = e.div`
color: ${({ theme: i }) => i.color.secondary[0]};
max-height: 0;
visibility: hidden;
overflow: hidden;
opacity: 0;
${({ $isError: i, theme: o }) => i && t`
color: ${o.color.error[0]};
max-height: 100px;
visibility: visible;
opacity: 1;
`}
transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
`, r = e.div`
display: flex;
flex-direction: column;
align-items: center;
`;
export {
r as Container,
a as Message,
l as MessageContainer,
s as WarpperComponent
};