import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
export const PaperStyles = css(["", " border-radius:var(--ac-br-8);", " ", ""], {
  "backgroundColor": "var(--page-paper-main)"
}, FontStyle, BoxSizingStyle);
export const StyledPaper = styled.div.withConfig({
  displayName: "Styles__StyledPaper",
  componentId: "sc-1ld1e2o-0"
})(["", " ", " ", " ", ""], PaperStyles, props => props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]), props => props.type === "tile-1" && css(["border:solid 1px var(--color-theme-300);"]), props => (props.type === "tile-1" || props.type === "tile-2") && css(["&:hover{background-color:var(--color-theme-200);}"]));
StyledPaper.displayName = "StyledPaper";
//# sourceMappingURL=Styles.js.map