fui-fancyui
Version:
FancyUI Libary
15 lines (14 loc) • 586 B
JavaScript
import { styled as r } from "styled-components";
import { generateTemplateAreas as t, generateBreakPointAreas as i } from "./utils/generateTemplateAreas.js";
const o = r.div`
width: ${({ $width: e }) => e};
height: ${({ $height: e }) => e};
row-gap: ${({ $gapRow: e = "sm", theme: a }) => a.spacing[e]};
column-gap: ${({ $gapColumn: e = "sm", theme: a }) => a.spacing[e]};
display: grid;
${({ $gridAreas: e }) => t({ $gridAreas: e })};
${({ $gridAreasBreakPoints: e, theme: a }) => i({ $gridAreasBreakPoints: e, theme: a })};
`;
export {
o as StyledFancyGridTemplate
};