Without runtime

import * as import csscss from "cssints" with { type: "cssints" };

export const const C: () => anyC = () => <IntrinsicElements[string]: anydiv className?: string | undefinedclassName={import csscss.const cn: (...styles: css.Style[]) => css.Stylecn(import csscss.
const flex: css.Layout
() => css.Chain<css.FlexMethods> (+1 overload)
The layout context: sets `display` and chains its container properties.
flex().alignItems: <readonly ["center"]>(parts_0: "center") => css.Chain<css.FlexMethods>
`normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ] | anchor-center`. Chrome 29, Edge 12, Firefox 20, Safari 9, iOS 9, Android 29. [MDN](https://developer.mozilla.org/docs/Web/CSS/align-items)
alignItems("center").justifyContent: <readonly ["center"]>(parts_0: "center") => css.Chain<css.FlexMethods>
`normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]`. Chrome 29, Edge 12, Firefox 20, Safari 9, iOS 9, Android 29. [MDN](https://developer.mozilla.org/docs/Web/CSS/justify-content)
justifyContent("center"), import csscss.const p: <readonly [4]>(parts_0: 4) => css.Style
`<'padding-top'>{1,4}`. Chrome 1, Edge 12, Firefox 1, Safari 1, iOS 1, Android 18. [MDN](https://developer.mozilla.org/docs/Web/CSS/padding)
p(4))}>Hello, world!</IntrinsicElements[string]: anydiv>;

Output:

export const C = () => <div className="_1s47490 _1ob5z5m _cn8dee _lwugp7">Hello, world!</div>;