import styled from "styled-components";
import { screen } from "../BreakPoints";
import { Typography } from "../Typography/Typography";
export const Container = styled.div.withConfig({
  displayName: "EmptySlatestyles__Container",
  componentId: "sc-jfbqky-0"
})(["display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:24px;", "{flex-direction:row;}"], screen.lg);
export const SubContainer = styled.div.withConfig({
  displayName: "EmptySlatestyles__SubContainer",
  componentId: "sc-jfbqky-1"
})(["display:flex;align-items:center;flex-direction:column;justify-content:center;max-width:400px;padding-left:20px;padding-right:20px;", "{align-items:flex-start;}"], screen.lg);
export const StyledImg = styled.img.withConfig({
  displayName: "EmptySlatestyles__StyledImg",
  componentId: "sc-jfbqky-2"
})(["width:280px;height:280px;"]);
export const Title = styled(Typography).withConfig({
  displayName: "EmptySlatestyles__Title",
  componentId: "sc-jfbqky-3"
})(["margin-block-end:8px;text-align:center;", "{text-align:start;}"], screen.lg);
export const Description = styled(Typography).withConfig({
  displayName: "EmptySlatestyles__Description",
  componentId: "sc-jfbqky-4"
})(["text-align:center;", "{text-align:start;}"], screen.lg);
export const FooterContainer = styled.div.withConfig({
  displayName: "EmptySlatestyles__FooterContainer",
  componentId: "sc-jfbqky-5"
})(["margin-block-start:24px;display:flex;flex-direction:column;gap:12px;align-items:center;", "{flex-direction:row;}"], screen.lg);
//# sourceMappingURL=EmptySlate.styles.js.map