@copilotkit/a2ui-renderer
Version:
A2UI Renderer for CopilotKit - render A2UI surfaces in React applications
1 lines • 1.89 kB
Source Map (JSON)
{"version":3,"file":"AudioPlayer.mjs","names":[],"sources":["../../../../../../src/react-renderer/a2ui-react/catalog/basic/components/AudioPlayer.tsx"],"sourcesContent":["/**\n * Copyright 2026 Google LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport { createReactComponent } from \"../../../adapter\";\nimport { AudioPlayerApi } from \"@a2ui/web_core/v0_9/basic_catalog\";\nimport { getBaseLeafStyle } from \"../utils\";\n\nexport const AudioPlayer = createReactComponent(AudioPlayerApi, ({ props }) => {\n const style: React.CSSProperties = {\n ...getBaseLeafStyle(),\n width: \"100%\",\n };\n\n return (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"4px\",\n width: \"100%\",\n }}\n >\n {props.description && (\n <span style={{ fontSize: \"12px\", color: \"#666\" }}>\n {props.description}\n </span>\n )}\n <audio src={props.url} controls style={style} />\n </div>\n );\n});\n"],"mappings":";;;;;;;AAqBA,MAAa,cAAc,qBAAqB,iBAAiB,EAAE,YAAY;CAC7E,MAAM,QAA6B;EACjC,GAAG,kBAAkB;EACrB,OAAO;EACR;AAED,QACE,qBAAC;EACC,OAAO;GACL,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;aAEA,MAAM,eACL,oBAAC;GAAK,OAAO;IAAE,UAAU;IAAQ,OAAO;IAAQ;aAC7C,MAAM;IACF,EAET,oBAAC;GAAM,KAAK,MAAM;GAAK;GAAgB;IAAS;GAC5C;EAER"}