git.iko.soy/rowtype-yoga/psfp
on f10a067 help sign in
rowtype-yoga/psfp/client/dce-output/Yoga.Card.Component/index.js
56 lines 3.5 kB history raw
1// Generated by purs version 0.13.6
2"use strict";
3var Control_Applicative = require("../Control.Applicative/index.js");
4var Data_Interpolate = require("../Data.Interpolate/index.js");
5var Data_Symbol = require("../Data.Symbol/index.js");
6var JSS = require("../JSS/index.js");
7var React_Basic_DOM_Generated = require("../React.Basic.DOM.Generated/index.js");
8var React_Basic_Hooks = require("../React.Basic.Hooks/index.js");
9var React_Basic_Hooks_Internal = require("../React.Basic.Hooks.Internal/index.js");
10var Record_Extra = require("../Record.Extra/index.js");
11var Type_Equality = require("../Type.Equality/index.js");
12var Yoga_Theme_Styles = require("../Yoga.Theme.Styles/index.js");
13var styles = JSS.jssClasses()(function (v) {
14 return {
15 card: JSS.jss(JSS.jssAbleRecord(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
16 return "background";
17 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
18 return "borderRadius";
19 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
20 return "boxShadow";
21 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
22 return "color";
23 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
24 return "fontFamily";
25 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
26 return "margin";
27 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
28 return "padding";
29 }))(JSS.jssAbleString)()()()(JSS.jssAbleFieldsNil))))))))()())({
30 background: Data_Interpolate.i(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpString))))))("linear-gradient(145deg,")(v.backgroundColourDarker)(", ")(v.backgroundColourLighter)(")"),
31 color: v.textColour,
32 fontFamily: v.textFontFamily,
33 margin: "20px",
34 boxShadow: Data_Interpolate.i(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpStringFunction(Data_Interpolate.interpString))))))("30px 30px 60px ")(v.backgroundColourDarker)(", -30px -30px 60px ")(v.backgroundColourLighter)(";"),
35 borderRadius: "15px",
36 padding: "36px 40px 32px 40px"
37 })
38 };
39});
40var mkCard = function __do() {
41 var useStyles = Yoga_Theme_Styles.makeStylesJSS()(Record_Extra.mapRecordCons(new Data_Symbol.IsSymbol(function ($dollar__unused) {
42 return "card";
43 }))()(Record_Extra.mapRecordNil)()())(styles)();
44 return React_Basic_Hooks.component()()()("Card")(function (v) {
45 return React_Basic_Hooks_Internal.bind(React_Basic_Hooks_Internal.ixBindRender)(useStyles({}))(function (classes) {
46 return Control_Applicative.pure(React_Basic_Hooks_Internal.applicativeRender(Type_Equality.refl))(React_Basic_DOM_Generated.div()({
47 className: classes.card + (" " + v.className),
48 children: v.kids
49 }));
50 });
51 })();
52};
53module.exports = {
54 styles: styles,
55 mkCard: mkCard
56};