@braineet/ui
Version:
Braineet design system
20 lines • 993 B
JavaScript
import styled from 'styled-components';
import { border, color, space } from 'styled-system';
import { lighten } from '../../utils';
import Icon from '../icon';
export var Wrapper = styled.div.withConfig({
displayName: "styles__Wrapper",
componentId: "sc-2zo2ge-0"
})(["position:relative;display:flex;justify-content:space-between;align-items:center;", " ", " ", ""], border, color, space);
export var StyledIcon = styled(Icon).withConfig({
displayName: "styles__StyledIcon",
componentId: "sc-2zo2ge-1"
})(["", ""], space);
export var IconClose = styled.button.withConfig({
displayName: "styles__IconClose",
componentId: "sc-2zo2ge-2"
})(["display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;border-radius:", ";transition:background-color 0.3s ease;&:hover{background-color:", ";}"], function (props) {
return props.theme.borderRadius.xs;
}, function (props) {
return lighten(props.backgroundColor, 0.1);
});